Подтвердить что ты не робот

React Native WebView html <select> не открывает параметры на планшетах Android

У меня очень странная проблема в React Native WebView с тегами HTML <select> на планшетах Android.

По какой-то причине нажатие на визуализированную кнопку <select> не открывает список параметров.

Это происходит только на планшетах Android, независимо от версии Android. Однако на смартфонах Android эта ошибка не возникает, и список параметров открывается, как и ожидалось.

Чтобы воспроизвести эту ошибку, я создал простое демонстрационное приложение: https://github.com/huonderv/react-native-webview-html-select-bug.

Важный код следующий:

index.android.js

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  WebView
} from 'react-native';

export default class WebViewProject extends Component {
  render() {
    return (
      <WebView
        style={styles.container}
        source={{ uri: 'file:///android_asset/simpleselect.html'}}
        startInLoadingState={true}
      />
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

AppRegistry.registerComponent('WebViewProject', () => WebViewProject);

simpleselect.html

<!DOCTYPE html>
<html>
  <body>    
    <select>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>

  </body>
</html>

Я также попытался заменить WebView на Crosswalk, как описано здесь: https://github.com/grovertb/react-native-crosswalk-webview. Однако это не решило эту проблему.

Кто-нибудь знает, как заставить это работать в React Native WebView на планшетах Android?

4b9b3361

ОТВЕТЫ