Problem

The text in a data policy help block overflows in Internet Explorer 11. This can be seen when adding one of these help blocks to the login page after enabling the data policy module in Open Social.

This issue exists in SocialBlue, that is where the currently broken styling lives.

This is caused by the fact that Internet Explorer does not set a default full width on a block element in a flex container. Explanation here: https://stackoverflow.com/a/35113633/576060

Solution

The fix of adding width: 100% should be applied to both the .card_title and .card_block element of the .block-data-policy scope in the SocialBlue theme.

CommentFileSizeAuthor
IE sign in page.png313.8 KBkingdutch

Comments

Kingdutch created an issue. See original summary.

agamich’s picture

Status: Active » Needs review
ronaldtebrake’s picture

Status: Needs review » Fixed

Thanks will also be backported to 5.x & 6.x :)

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.