Fieldset with "position: static" prevents editing fieldsets outside of scrollspace in views [#1434364]

The following css (sheetnode.css) breaks fieldsets in IE:

/* Fix fieldset relative offset problem: http://drupal.org/node/735674 */
html.js fieldset.collapsible { position: static; }

Put "relative" just for IE8 solves the problem.

Comment	File	Size	Author
	fieldset-fail.png	27.08 KB	soulfroys

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

infojunkie

Vancouver

CreditAttribution: infojunkie commented 26 February 2012 at 05:03

But the whole reason for the CSS is to fix a problem caused by fieldsets with position: relative. Are you saying that the problem addressed by the CSS does not show up in IE8? If so, can you suggest a way to avoid that CSS rule in IE8 specifically?

Comment #2

infojunkie

Vancouver

CreditAttribution: infojunkie commented 26 February 2012 at 19:04

Also, can you help me reproduce this? Basic sheetnodes are appearing fine on my IE8 in the Garland theme.

Comment #3

soulfroys

Portuguese, Brazil

CreditAttribution: soulfroys commented 27 February 2012 at 13:03

Status:

Active

» Closed (works as designed)

You're right! In Garland works ok. The problem must be with my (rubbish) custom theme... I am really sorry about the buzz. :(

Thanks for your time!

Comment #4

mausolos CreditAttribution: mausolos commented 30 June 2012 at 23:46

Title:	Fieldset with "position: static" breaks fieldsets in Internet Explorer (IE8)	» Fieldset with "position: static" prevents editing fieldsets outside of scrollspace in views
Version:	6.x-1.x-dev	» 7.x-1.0-beta2
Status:	Closed (works as designed)	» Needs work

So the past couple months, since I've installed Sheetnode, I've noticed that when I'm in the Seven admin theme in views, I can't get links to scroll when editing fields, filters, sorts, etc - in other words, if the editing space is long enough to scroll, the links stay where they are outside of the edit space, so you can't access the settings there.

sheetnode.css (line 56)
html.js fieldset.collapsible { position: static; }

When I disable this line in Firebug while live on the page, the problem just goes away, and I'm able to scroll properly again.

So to be clear, you could reproduce this issue by opening up any view in Firefox, Chrome, Safari or IE9 on OSX, Windows or Ubuntu, clicking on any of the links that allow you to edit parameters/settings for the view.