Skip to main content

Bug Tracker

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.

http://jsfiddle.net/vyu3K/

Attachments (0)
Change History (7)

Changed October 15, 2012 06:30PM UTC by rascalking comment:1

component: unfiledcss
owner: → teeohhem@gmail.com
priority: undecidedlow
status: newpending

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?

Changed October 15, 2012 06:36PM UTC by anonymous 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 teeohhem@gmail.com comment:3

status: pendingnew

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 rascalking 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 teeohhem@gmail.com 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.

http://jsfiddle.net/vyu3K/4/embedded/result/

Changed October 16, 2012 02:55PM UTC by rascalking comment:6

owner: teeohhem@gmail.comrascalking
status: newassigned

Ah, that finally did repro it, thanks.

Changed October 16, 2012 03:37PM UTC by rascalking comment:7

resolution: → cantfix
status: assignedclosed

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.