Side navigation
#12735 closed bug (cantfix)
Opened October 15, 2012 05:18PM UTC
Closed October 16, 2012 03:37PM UTC
SlideToggle causes text to shrink after it is closed/opened again on Galaxy Nexus 7 Tablet
| Reported by: | teeohhem@gmail.com | Owned by: | rascalking |
|---|---|---|---|
| Priority: | low | Milestone: | None |
| Component: | css | Version: | 1.7.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Background:
We have a container that is opened and closed via a link. The link has a .click() event which uses the .slideToggle() function to expand/collapse the container. Inside of the container are blocks of text that are wrapped in a paragraph tag. The container is initially set to display:block;
Behavior:
When the container is collapsed and expanded again, the text size shrinks significantly in the container. This seems to be happening when testing with Chrome 18+ on a Galaxy Nexus 7 Tablet.
Here is a JSFiddle that illustrates this behavior.
Attachments (0)
Change History (7)
Changed October 15, 2012 06:30PM UTC by comment:1
| component: | unfiled → css |
|---|---|
| owner: | → teeohhem@gmail.com |
| priority: | undecided → low |
| status: | new → pending |
Changed October 15, 2012 06:36PM UTC by comment:2
I thought I had added CSS to the fiddle which initially sets the font, but it doesn't matter. I tried the link at your fiddle and the problem still exists.
Changed October 15, 2012 06:36PM UTC by comment:3
| status: | pending → new |
|---|
I thought I had added CSS to the fiddle which initially sets the font, but it doesn't matter. I tried the link at your fiddle and the problem still exists.
Changed October 15, 2012 10:04PM UTC by comment:4
Can you post the exact application version, os version, and javascript version that chrome reports in the about chrome page? I've got 18.0.1025308, 4.1.2, and v8 3.8.9.24, and I can't reproduce it.
Changed October 16, 2012 12:41PM UTC by comment:5
Chrome: 18.0.1025308
JS: V8 3.8.9.24
OS: 4.1.2
I updated the fiddle to use our exact font size scenario. Try to view the embedded link, I can reproduce it every time but I can't seem to reproduce it while in the editor view.
Changed October 16, 2012 02:55PM UTC by comment:6
| owner: | teeohhem@gmail.com → rascalking |
|---|---|
| status: | new → assigned |
Ah, that finally did repro it, thanks.
Changed October 16, 2012 03:37PM UTC by comment:7
| resolution: | → cantfix |
|---|---|
| status: | assigned → closed |
It looks like the problem is that the font should be smaller to begin with, not that it gets smaller on toggle. If you look at the computed font size pre-toggle, it's 32px, but it should be 22px. After toggling, the font size changes to the correct 22px, and it stays that way when you untoggle. If you look at the calculated font size on desktop chrome, you'll see that the size is always 22px, both on page load, after toggle, and after untoggle.
This seems to be a bug in mobile chrome, I'm afraid.
Hi, your fiddle seems to be missing any css which would make the font large to begin with. I tried adding some (http://jsfiddle.net/rascalking/AAJ3X/1/) but was unable to reproduce the problem. Can you try the fiddle I've linked and confirm that reproduces it for you?