Skip to main content

Search and Top Navigation

#6159 closed bug (worksforme)

Opened October 06, 2010 09:10PM UTC

Closed October 07, 2010 01:08PM UTC

Last modified October 11, 2012 09:15PM UTC

Buttonset borders have gaps

Reported by: icfantv Owned by:
Priority: minor Milestone:
Component: ui.button Version: 1.8.4
Keywords: buttonset, border, margin, gap Cc:
Blocked by: Blocking:
Description

See http://forum.jquery.com/topic/radio-buttonset-scaling for more info.

See http://jsbin.com/eweno3 for example of problem. Notice the gaps between the button borders.

Attachments (0)
Change History (5)

Changed October 07, 2010 01:08PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: newclosed

Works for me. Here's a screenshot of that jsbin demo in Chrome, Firefox and IE6: http://gyazo.com/c0ab15f209b4484e4a77d518f7e569d1.png

Changed May 03, 2011 11:31PM UTC by glenvan comment:2

_comment0: Replying to [comment:1 scott.gonzalez]: \ > Works for me. Here's a screenshot of that jsbin demo in Chrome, Firefox and IE6: http://gyazo.com/c0ab15f209b4484e4a77d518f7e569d1.png \ \ Try this. If the body font-size is something regular like 10px, then the .ui-button-set .ui-button's right margin setting of -0.3em is reliable. Change the font units here and there, and gaps start to appear. \ \ I find that a .ui-widget font-size of 9pt (or 1.0em in a container using 9pt) is most problematic. \ \ http://jsbin.com/eweno3/13 \ \ I'm using FireFox 3.6 on Windows (note that I'm using Trebuchet MS, which seems particularly fussy), but Safari 5 and Chrome 11 are both having issues. \ 1304465510999122

Replying to [comment:1 scott.gonzalez]:

Works for me. Here's a screenshot of that jsbin demo in Chrome, Firefox and IE6: http://gyazo.com/c0ab15f209b4484e4a77d518f7e569d1.png

Try this. If the container font-size is something regular like 10px, then the .ui-button-set .ui-button's right margin setting of -0.3em is reliable. Change the font units here and there, and gaps start to appear.

I find that a .ui-widget font-size of 9pt (or 1.0em in a container using 9pt) is most problematic.

http://jsbin.com/eweno3/13

I'm using FireFox 3.6 on Windows (note that I'm using Trebuchet MS, which seems particularly fussy), but Safari 5 and Chrome 11 are both having issues.

Changed May 04, 2011 04:01AM UTC by icfantv comment:3

I can no longer reproduce either. Given that 7 months in software is a lifetime, I think closing the ticket is sufficient however, I'm confused as to why it was closed shortly after I opened it considering there was evidence that it was an issue. I suspect scott never tried changing font sizes or the font face.

Changed May 04, 2011 12:57PM UTC by scottgonzalez comment:4

It was closed because I couldn't reproduce it. I did try scaling the fonts, this is all documented in the thread that's linked to from the ticket description.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:5

milestone: TBD

Milestone TBD deleted