Wednesday, February 9, 2011

No Scrollbar in SharePoint Dialog

Today I had a strange CSS issue. The SharePoint 2010 dialog had no scrollbars anymore. I found out that this was cought by the styles of the body element.

body {width:100%;height:100%;overflow:hidden}

Yes the overflow:hidden caused that the wrapper div could not determine the height. So I checked the html of the site within the dialog and found out that there is an attribute "tabindex" in the body tag.

HTML of Dialog

You can use this attribute to override the overflow style and the scrolbars are back.

body[tabindex] {overflow:auto }