Google Chrome radio buttonset() with large fonts displays poorly

[joshua.ganes]

Google Chrome does not render a radio button button set properly when the font size is sufficiently large. Instead of nicely formatted buttons in a group, we see the circular portion of the native radio button control peeking out the side of the button group.

See ​http://jqueryui.com/demos/button/radio.html with the text size increased 3 to 4 times.

[watanabe]

in jquery.ui.core.css,

 .ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
 }

in Google Chrome / Developer Tools / Computed Style, you can find the 'left' value.

• 100% -> -1e+008px (nearly equals to -99999999px)
• zoom * 1 -> -1.2e+008px
• zoom * 2 -> 0px (overflow?)

because 1.44e+008 >= Math.pow(2, 27) ?

[watanabe]

• Math.pow(1.2,6) = 2.9859839999999993
• Math.pow(2,27) / 3 = 44739242.666666664

 .ui-helper-hidden-accessible {
  position: absolute;
  left: -44739242px;
 }

may work.

[joshua.ganes]

I tried this without success. As a workaround, I've made a custom css rule for "ui-buttonset input" for my own site.

[Jörn Zaefferer]

Worksforme, Chrome got a long way: ​http://bassistance.de/i/b7ea57.png

[Scott González]

Milestone TBD deleted