Quantcast
Channel: Appcelerator Developer Center Q&A Unanswered Questions 20
Viewing all articles
Browse latest Browse all 8068

Problem with scrollableview, TextFields and firefox,IE

$
0
0

Hi,

I am having issues with ScrollableView. My app has a number of pages that can be swiped through using the ScrollableView component. One screen has a number of text fields on it.

The app I am developing is intended for mobileweb users, and I am testing using Firefox (v32.0.3 - latest version at the mo).

I find that the text fields that are located on the scrollable view do not receive focus when clicked with the mouse. In the example below, I simply created a new alloy project and put this code into index.xml.

If you run on firefox, it is not possible to click into any of the text fields in the ScrollableView, but it is possible to click into the textbox above the ScrollableView (and then you can even tab into the other fields, so they are working, but not correctly).

If you run the same code on Chrome (37.0.2062.124 m), you can click into the fields.

If you run on Internet Explorer (11.0.12) it fails, as per firefox.

I guess this is a difference in how the browsers raise click events or somesuch, but I can't see an obvious workaround?

Thanks for any help.

Steve

p.s. Titanium Studio 3.4.0.201409261227, SDK target 3.4.0

<Alloy>
    <Window class="mainView" layout="vertical" backgroundColor="white">
                    <TextField id="out" width="50" backgroundColor="white"></TextField>
        <ScrollableView id="scrollableView" showPagingControl="true">
                       <View id="view1" backgroundColor="#48b">
               <Label>View 1</Label>
                    <TextField id="in1" width="50" backgroundColor="white"></TextField>
            </View>
            <View id="view2" backgroundColor="#246">
             <Label>View 2</Label>
                    <TextField id="in2" width="50" backgroundColor="white"></TextField>
             </View>
            <View id="view3" backgroundColor="#48b">
             <Label>View 3</Label>
                    <TextField id="in3" width="50" backgroundColor="white"></TextField>
             </View>
        </ScrollableView>
    </Window>
</Alloy>

Viewing all articles
Browse latest Browse all 8068

Trending Articles



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