Problem Statement:
Android: Screen display shrinks when one screen tries to
overlay existing screen using position CSS
Possible root cause:
In Android, we have a setting attribute called “Auto-fit
pages” which is responsible for shrinking or expanding the web page based on
the web page size.
In many applications, if an Auto-fit page is on [checked] we
will see the shrinking issue which is expected. However we have observed
shrinking of page even when this setting is unchecked.
Below is the tabular
summary:
#
|
Device
Name
|
Android
OS version
|
Replicated
|
Comments
|
1
|
Samsung
Nexus S
|
4.1.2
|
No
|
|
2
|
Samsung
Galaxy Nexus
|
4.3
|
No
|
|
3
|
LG
Nexus 4
|
4.3, 4.4
|
No
|
|
4
|
LG
Nexus 5
|
4.4
|
No
|
|
5
|
Samsung
S2
|
4.1.2
|
Yes
|
Replicated
intermittently - once in 5-6 times
|
6
|
Samsung
S3
|
4.1.2
|
Yes
|
Replicated
intermittently - once in 3-4 times
|
7
|
Samsung
S4
|
4.2.2
|
No
|
|
8
|
HTC
One X
|
4.1.2
|
No
|
|
9
|
Samsung
Galaxy Note
|
4.1.1
|
No
|
It seems
like even though the setting is off, for few devices like Samsung S2/S3 who
made some tweaks in the way JavaScript/CSS/HTML renders in browser would have
caused the issue intermittently.
So this
should be considered as a device issue not the coding issue.
Below are few articles for reference:
“Since this
problem is an Android bug, no CSS or HTML can really fix it.”
Impact of this issue:
1)
This is happening only on few Android devices
having manufacturer tweaked browsers like Samsung S2/S3
2)
This will not break any functionality
3)
This is an intermittent issue
4)
When this issue happens, it only causes the page
to shrink
5)
This is not a code issue, its Device’s browser
issue
Only Possible fix:
We can catch the event when we are displaying the second
overlay screen. However it may break some UI of existing page based on its
implementation.
No comments:
Post a Comment