Opened 12 years ago
Closed 7 years ago
#7583 closed bug (fixed)
Buttonset: incorrect button width/alignment in IE8
Reported by: | PutKettleOn | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.12.0 |
Component: | ui.button | Version: | 1.8.14 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description (last modified by )
Appears in IE8. I tested IE6, IE9, FF, Chrome and they were all ok. Only appears when you have spaces in the button text and within a float. The width of the button seems to be set by the first word of the text rather than the whole text. Workaround: use for the spaces.
Change History (13)
comment:1 Changed 12 years ago by
comment:2 Changed 12 years ago by
Description: | modified (diff) |
---|
comment:3 Changed 11 years ago by
@PutKettleOn, Thank you for the suggested workaround for this bug. Confirmed that it works. You saved my bacon.
comment:4 Changed 10 years ago by
Milestone: | 1.9.0 → 1.11.0 |
---|
comment:5 Changed 10 years ago by
Owner: | set to PutKettleOn |
---|---|
Status: | new → pending |
I was unable to reproduce the issue in IE8 Browser Mode within IE9 using the jsbin above. If you are still experiencing the issue, please provide more information so that we can triage.
comment:7 Changed 10 years ago by
Milestone: | 1.11.0 → 1.9.0 |
---|---|
Resolution: | → fixed |
Status: | new → closed |
comment:9 Changed 10 years ago by
Milestone: | 1.9.0 |
---|---|
Resolution: | fixed |
Status: | closed → reopened |
This is indeed still broken: http://jsbin.com/akexiy/12.
The test case http://jsfiddle.net/bchiasson/kaYpX/4/ did not include the floating mentioned by the OP. If you add it that case breaks as well: http://jsfiddle.net/tj_vantoll/qz6nq/.
I confirmed that this only occurs in IE8. Looks fine in IE7 & IE9.
comment:10 Changed 10 years ago by
Owner: | changed from PutKettleOn to tj.vantoll |
---|---|
Status: | reopened → assigned |
Giving the buttonset an explicit width works around the problem as well. The problem seems to be related to IE8 reporting a bad width under these circumstances. I can look into this one.
comment:11 Changed 10 years ago by
Reduced this down a little: http://jsbin.com/ewanup/4/edit.
Removing this rule causes the white space to be respected again but I have no idea why:
.ui-buttonset .ui-button { margin-right: -.3em; }
Adding white-space: nowrap
to .ui-button
also fixes it. It's not an option for the library itself but it would make a good workaround if you're running into this problem.
comment:12 Changed 10 years ago by
Milestone: | → none |
---|---|
Owner: | tj.vantoll deleted |
Status: | assigned → open |
comment:13 Changed 7 years ago by
Milestone: | none → 1.12.0 |
---|---|
Resolution: | → fixed |
Status: | open → closed |
Confirmed fixed with the button rewrite.
http://jsbin.com/akexiy/2