Bug Tracker

Opened 6 years ago

Closed 6 years ago

#12735 closed bug (cantfix)

SlideToggle causes text to shrink after it is closed/opened again on Galaxy Nexus 7 Tablet

Reported by: teeohhem@… 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/

Change History (7)

comment:1 Changed 6 years ago by rascalking

Component: unfiledcss
Owner: set to teeohhem@…
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?

comment:2 Changed 6 years ago by anonymous

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.

comment:3 Changed 6 years ago by teeohhem@…

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.

comment:4 Changed 6 years ago by rascalking

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.

comment:5 Changed 6 years ago by teeohhem@…

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/

comment:6 Changed 6 years ago by rascalking

Owner: changed from teeohhem@… to rascalking
Status: newassigned

Ah, that finally did repro it, thanks.

comment:7 Changed 6 years ago by rascalking

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.

Note: See TracTickets for help on using tickets.