iOS9 Rendering Differently Than iOS8 and Below for Pagebuilder Columns

  • Updated

When upgrading to iOS9, there is an issue with the rendering of css on pagebuilder pages. There may be a border around or overlaying the pagebuilder column dropzone.

This is a new issue introduced by upgrading to iOS9. Prior versions of iOS did not experience this behavior. 

Upgrading to iOS9 introduces a rendering issue with our pre-existing pagebuilder css.

The css that causes this issue is below. If you change float:left to float:none this issue should be resolved in most cases.

[data-ux-pagebuilder="Column"]:not(.ux-siteApp-pageBuilderCssFramework [data-ux-pagebuilder="Column"]){float:left;margin:0;padding:0}

change to 

[data-ux-pagebuilder="Column"]:not(.ux-siteApp-pageBuilderCssFramework [data-ux-pagebuilder="Column"]){float:none;margin:0;padding:0}

or

[data-ux-pagebuilder="Column"]:not(.ux-siteApp-pageBuilderCssFramework [data-ux-pagebuilder="Column"]){float:none !important;margin:0;padding:0}

You may need to override this style by applying the !important declaration on the class so it takes precedence.