Quantcast
Channel: Appcelerator Developer Center Q&A Tag Feed (webview)
Viewing all articles
Browse latest Browse all 680

HTML Select Tag not Displaying in WebViews on Android Heavyweight Windows

$
0
0

Hi

I have an interactive chart in my Alloy app which is displayed in a WebView. There is a HTML select tag which displays options for the chart data when clicked upon. This works fine on iOS but on Android the options are hidden behind the Heavyweight window for some reason and I can see them for a split second when the window is closing. They do show up okay on a lightweight window in Android but I nedd use a heavyweight window in this case, and it looks like all windows will be heavyweight anyway in Ti 3.2.0.

Here's a simple test case to illustrate the problem:

chartPage.xml

<Alloy>
    <Window id="chartPage" class="transparent">
 
        <View class="transparent" >
            <WebView id="minutesView" class="transparent" url="/charts.html"></WebView>
        </View>
 
    </Window>
</Alloy>
chartPage.xml
"#chartPage": {
    // This is what breaks the HTML Select:
    fullscreen: true
}
charts.html
<!DOCTYPE HTML>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    </head>
    <body>
 
        <div id="header">
            <h1 id="pageTitle"></h1>
            <select id="date-picker">
                <option value="7">Last 7 days</option>
                <option value="14">Last 14 days</option>
                <option value="30">Last 30 days</option>
                <option value="60">Last 60 days</option>
                <option value="90">Last 90 days</option>
                <option value="365">Last 365 days</option>
            </select>
        </div>
 
        <!-- Javascript chart library in here... -->
 
    </body>
</html>
Has anyone else seen this behaviour and if so have you found a fix? Or should I report this as a bug?

Thanks James


Viewing all articles
Browse latest Browse all 680

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>