When editing a page in IE11 with an element styled with overflow: hidden there is a resizable box

If a user has implemented custom CSS and sets overflow: hidden, if they edit the page in IE 11 and click the element that is styled they will have a box that can be resized. If the user resizes the box, it will cut off part of the element. Once saved, this resized element will appear cut off in all browsers.

Reproduction steps:

1. Navigate to Confluence in IE11
2. Add h2 { overflow: hidden; }

   to either the Global Stylesheet or a Space Stylesheet.

3. Create a page and add an h2 object, you should immediately see a resizable box
4. Enter text into the box, resize to cutoff part of the text
5. Save and view in any browser

Expected behavior

There should not be a resizable box showing, which is the behavior when editing a page with this CSS in any other browser

Actual behavior

There is a resizable box that if resized will cut off content

Related Notes

• The box does not show in the editor in any other browser
• Removing the overflow: hidden property will resolve the issue.