Since 2018/07/23 style macro breaks pages?
Asked by Alex Adland:

Since the 2018/07/23 update, attaching a style macro to a page, breaks the page.

With no style macro attached the page code looks like this:

```
<div class="giPIMd">
<div>
<div class="ContentBody_spaceOverviewLayout_2Ot" data-internal-id="page-content-only">
<div><div id="content" class="page view">
<div>
<link type="text/css" rel="stylesheet" href="//d1okpoprma61ms.cloudfront.net/domain.atlassian.net/wiki/s/d41d8cd98f00b204e9800998ecf8427e-CDN/1394665544/h/5f8e8223a3d24d5a257c45d826bf121f/_/download/batch/confluence.extra.jira:common/confluence.extra.jira:common.css?externals=__local-default__&amp;relative-url=true" data-wrm-key="confluence.extra.jira:common" data-wrm-batch-type="resource" media="all">
<link type="text/css" rel="stylesheet" href="//d1okpoprma61ms.cloudfront.net/domain.atlassian.net/wiki/s/d41d8cd98f00b204e9800998ecf8427e-CDN/1394665544/h/e12589a259a5eca853524dd0d5bc26de/_/download/batch/confluence.extra.jira:refresh-resources/confluence.extra.jira:refresh-resources.css?externals=__local-default__&amp;relative-url=true" data-wrm-key="confluence.extra.jira:refresh-resources" data-wrm-batch-type="resource" media="all">
<link type="text/css" rel="stylesheet" href="//d1okpoprma61ms.cloudfront.net/domain.atlassian.net/wiki/s/d41d8cd98f00b204e9800998ecf8427e-CDN/1394665544/h/988db4af2e66fc240a70c5e3ee4eadc8/_/download/batch/com.atlassian.confluence.plugins.confluence-page-layout:pagelayout-content-styles/com.atlassian.confluence.plugins.confluence-page-layout:pagelayout-content-styles.css?externals=__local-default__&amp;relative-url=true" data-wrm-key="com.atlassian.confluence.plugins.confluence-page-layout:pagelayout-content-styles" data-wrm-batch-type="resource" media="all">
<link type="text/css" rel="stylesheet" href="//d1okpoprma61ms.cloudfront.net/domain.atlassian.net/wiki/s/-2028024810/6452/7026b3eb98e6519deadfc22d0bcbd964ee381cbd/23/_/styles/colors.css" media="all">
</div>
<div id="main-content" class="wiki-content">
<div class="contentLayout2">
<div class="columnLayout single" data-layout="single">
<div class="cell normal" data-type="normal">
<div class="innerCell">...
```

With a blank! style macro attached, the page code looks like this:

```
<div class="giPIMd">
<div>
<div class="ContentBody_fallbackLayout_35s" data-internal-id="page-content-only">
<div>
<div>
<div class="ap-iframe-container iframe-init" id="embedded-fallback-mode-fake-addon-key__fallback-mode-fake-key__d5a42a6"><iframe id="fallback-mode-fake-addon-key__fallback-mode-fake-key__d5a42a6" name="{&quot;extension_id&quot;:&quot;fallback-mode-fake-addon-key__fallback-mode-fake-key__d5a42a6&quot;,&quot;api&quot;:{&quot;_globals&quot;:{&quot;request&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;messages&quot;:{&quot;clear&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;onClose&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false},&quot;generic&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;,&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;error&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;,&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;warning&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;,&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;success&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;,&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;info&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;,&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;hint&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;,&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}}},&quot;flag&quot;:{&quot;create&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;e&quot;,&quot;g&quot;],&quot;returnsPromise&quot;:false},&quot;close&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false}}},&quot;dialog&quot;:{&quot;create&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;close&quot;:{&quot;args&quot;:[&quot;d&quot;,&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;getCustomData&quot;:{&quot;args&quot;:[&quot;d&quot;],&quot;returnsPromise&quot;:false},&quot;getButton&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;d&quot;,&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;enable&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;disable&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;toggle&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;isEnabled&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;trigger&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;hide&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;show&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;isHidden&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false}},&quot;createButton&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[&quot;e&quot;,&quot;g&quot;],&quot;returnsPromise&quot;:false}}},&quot;inlineDialog&quot;:{&quot;hide&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false}},&quot;env&quot;:{&quot;getLocation&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;resize&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;,&quot;g&quot;],&quot;returnsPromise&quot;:false},&quot;sizeToParent&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;hideFooter&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false}},&quot;events&quot;:{&quot;emit&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;emitPublic&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false}},&quot;_analytics&quot;:{&quot;trackDeprecatedMethodUsed&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;scrollPosition&quot;:{&quot;getPosition&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;setVerticalPosition&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;dropdown&quot;:{&quot;create&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false},&quot;showAt&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;,&quot;f&quot;,&quot;h&quot;],&quot;returnsPromise&quot;:false},&quot;hide&quot;:{&quot;args&quot;:[&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;itemDisable&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false},&quot;itemEnable&quot;:{&quot;args&quot;:[&quot;c&quot;,&quot;e&quot;],&quot;returnsPromise&quot;:false}},&quot;cookie&quot;:{&quot;save&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;,&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;read&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;d&quot;],&quot;returnsPromise&quot;:false},&quot;erase&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false}},&quot;history&quot;:{&quot;_registerWindowListeners&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;back&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;forward&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;go&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;getState&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;pushState&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;replaceState&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false}},&quot;navigator&quot;:{&quot;getLocation&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;go&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;b&quot;,&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;reload&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false}},&quot;user&quot;:{&quot;getUser&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;getCurrentUser&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;getTimeZone&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false}},&quot;confluence&quot;:{&quot;saveMacro&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;c&quot;],&quot;returnsPromise&quot;:false},&quot;closeMacroEditor&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;getMacroData&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;getMacroBody&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;onMacroPropertyPanelEvent&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;closeMacroPropertyPanel&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;getContentProperty&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;b&quot;],&quot;returnsPromise&quot;:false},&quot;setContentProperty&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;b&quot;],&quot;returnsPromise&quot;:false},&quot;syncPropertyFromServer&quot;:{&quot;args&quot;:[&quot;a&quot;,&quot;b&quot;],&quot;returnsPromise&quot;:false}},&quot;custom-content&quot;:{&quot;getEditComponent&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;intercept&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;submitCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;submitErrorCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;submitSuccessCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;cancelCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false}}},&quot;customContent&quot;:{&quot;getEditComponent&quot;:{&quot;constructor&quot;:{&quot;args&quot;:[],&quot;returnsPromise&quot;:false},&quot;intercept&quot;:{&quot;args&quot;:[&quot;a&quot;],&quot;returnsPromise&quot;:false},&quot;submitCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;submitErrorCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;submitSuccessCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false},&quot;cancelCallback&quot;:{&quot;args&quot;:[&quot;b&quot;,&quot;f&quot;],&quot;returnsPromise&quot;:false}}}},&quot;origin&quot;:&quot;https://domain.atlassian.net&quot;,&quot;options&quot;:{&quot;crev&quot;:&quot;1.2.9&quot;,&quot;history&quot;:{&quot;state&quot;:&quot;&quot;},&quot;uniqueKey&quot;:&quot;fallback-mode-fake-key__6043089262427377&quot;,&quot;origin&quot;:&quot;https://domain.atlassian.net/&quot;,&quot;hostOrigin&quot;:&quot;https://domain.atlassian.net/&quot;,&quot;isFullPage&quot;:false,&quot;autoresize&quot;:false,&quot;user&quot;:{&quot;uid&quot;:&quot;redXIII&quot;,&quot;ukey&quot;:&quot;ff80808158ddfffc0158de01c25a0011&quot;},&quot;productContext&quot;:{},&quot;contextPath&quot;:&quot;/wiki&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;targets&quot;:{&quot;env&quot;:{&quot;resize&quot;:&quot;both&quot;}}}}" src="https://domain.atlassian.net/wiki/content-only/viewpage.action?pageId=2949123&amp;iframeId=fallback-mode&amp;isSpaceOverview=true&amp;user_key=ff80808158ddfffc0158de01c25a0011&amp;user_id=redXIII&amp;xdm_e=https://domain.atlassian.net/&amp;xsm_c=fallback-mode-fake-key__6043089262427377&amp;cp=/wiki&amp;cv=0.0.0-fallback-mode&amp;lic=none" width="100%" referrerpolicy="no-referrer" class="ap-iframe view" data-bridge-id="1532417658317" data-is-fallback-mode-iframe="true" style="border: 0px; width: 100%; height: 500px; display: block;">...
```

It does not matter if the style macro has css in it, or if it is importing a style sheet, or it's just blank, it merely needs to be attached to the page for the above code change to happen.

The iFrame itself is then 2/3 the height of the page, leaving large amount of white space below itself.

I've checked the bug log and cannot find any existing bugs, and I just want to check here before I raise a bug.

So has anyone else seen this happen?

Regards

Alex


Answers:
author: Alex Adland
body: Finally found the bug relating to the above ([Very narrow content window](https://jira.atlassian.com/browse/CONFCLOUD-61881?orderby=key+DESC%2C+priority+DESC%2C+updated+DESC)) , and all has now been fixed.


Tags: confluence-cloud

macro