glow.widgets.Panel rendering issue in IE8
Reported by Tom Maslen | July 17th, 2009 @ 01:40 PM | in 1.6
See screenshots for best description.
The panel has a line running along the bottom of it. This is cause by the element that is used to add the border. The foreground needs to be 1px longer.
Comments and changes to this ticket
-
Tom Maslen July 17th, 2009 @ 02:17 PM
Additional error:
Currently fixed issue where panel lost a width setting when you zoom in and out of the page. By adding "width: 100%" the element kept its width, except in latest webkit browsers (Chrome, Saf 4). It is acting bizaare in these browsers.
-
Tom Maslen July 17th, 2009 @ 02:26 PM
To fix weird zooming error with panel width, add "zoom: 100%" to widgets.panel.css.
-
Stephen Elson July 17th, 2009 @ 05:02 PM
- Tag set to defect, widgets
-
Stephen Elson July 17th, 2009 @ 07:28 PM
- Tag changed from defect, widgets to defect, panel, widgets
-
Stephen Elson July 24th, 2009 @ 02:28 PM
- State changed from new to accepted
-
Tom Maslen July 29th, 2009 @ 11:30 AM
- State changed from accepted to open
-
Tom Maslen July 30th, 2009 @ 11:19 AM
- State changed from open to accepted
The problem is occuring because div.tc is setting the height and width to be 1px more than it should be.
Adding and then removing a border in IE debug bar solves the problem of the width but not the height.
A fix can be acheived by making div.bars a parent of div.c (these are currently siblings).
Changing the HTML would make this fix backwards incompatible.
Right now I'd say this should be fixed in glow 2.0.
-
Jake Archibald August 4th, 2009 @ 09:15 AM
- Assigned user set to Jake Archibald
-
Jake Archibald August 6th, 2009 @ 01:56 PM
Can be fixed by making .bars width & height 100% (and removing some padding), this doesn't work for IE6 though, and other browsers need the padding.
A couple of CSS hacks and it's sorted.
-
Stephen Elson August 6th, 2009 @ 01:58 PM
- State changed from accepted to review
(from [c80bc3f524edb71a034843e21941db5d5cc52487]) Panel: Some CSS tweaking to fix IE8 issue (including compat mode) [#22 state:review] http://github.com/glow/glow1/commit/c80bc3f524edb71a034843e21941db5...
-
Jake Archibald August 6th, 2009 @ 02:06 PM
- State changed from review to resolved
Please Sign in or create a free account to add a new ticket.
With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป
A JavaScript Library
People watching this ticket
Attachments
Referenced by
- 22 glow.widgets.Panel rendering issue in IE8 (from [c80bc3f524edb71a034843e21941db5d5cc52487]) Panel: ...