-
FEATURED COMPONENTS
First time here? Check out the FAQ!
If we try the following code (replacing the value with some really long data) on a desktop browser, then both textboxes have a scroll bar. All is OK.
But if we run it on a Galaxy s3 default browser, then the left textbox is not scrollable unless you "click" in it and bring up the editing keyboard. The right textbox is scrollable (and of course is correctly not-editable). So why is a readonly version scrollable? Why only when editing is the non-readonly version scrollable.
Looked at CSS but could not identify any significant difference between the two boxes.
<zk>
<textbox id="text1" value="some long data here" multiline="True" vflex="1" hflex="1"/>
<textbox id="text2" value="some long data here" multiline="True" vflex="1" hflex="1" readonly="True"/>
</zk>
It seems that it is a android native browser bug. I test two textarea DOM elements on jsfiddle with android native browser, and both textarea can't scroll.
Here is the test link: textarea test
Thanks vincentjian,
Just tried using Chrome and Firefox and yes they work. So looks very much like it is default browser problem.
One small point, you missed the "readonly="true" on second textbox.
Now I need to find a workaround.
Yes, just tried it on Chrome and Firefox and they work OK, so looks as if you are right and it is the default Galaxy S3 browser problem.
One small point, you missed readonly="true" from your test, but it is not important.
Now I need to find a workaround.
Asked: 2014-03-21 17:28:49 +0800
Seen: 13 times
Last updated: Mar 24 '14