• Icon: Bug Bug
    • Resolution: Fixed
    • Icon: High High
    • 5.1.3
    • 4.1, 4.2, 4.3, 5.0, 5.1
    • None
    • Confluence version: Hosted
      Client OS: Ubuntu 12.04.2 LTS (64 bit)
      Client Browser: Chrome Version 27.0.1430.0 dev

      NOTE: This bug report is for Confluence Server. Using Confluence Cloud? See the corresponding bug report.

      Please note that there is a recent problem discovered with Chrome that produces the same symptoms and is being tracked in the following ticket. Please follow the workaround instructions there: Page Editor shows at half height on Chrome

      Fixed in 5.1.3

      We've put a fix for the Chrome bug in Confluence 5.1.3, upgrading to this release will fix the problem. Confluence OnDemand already has this fix and is not impacted.

      For people who can't immediately upgrade, there is a CSS workaround you can apply. We will shortly be releasing a plugin to do this automatically for you.

      Fixed via Plugin

      The Editor Height Fix for Confluence Plugin automatically adds the CSS mentioned in the workaround below.

      You can install it directly through the product (search for Editor Height Fix).

      NB: You may need to set your Page Layout back to default if you are still experiencing the issue after performing these steps.

      Workaround if plugin cannot be installed.

      You can apply some custom CSS to resolve the issue.

      NB: You may need to set your Page Layout back to default if you are still experiencing the issue after performing these steps.

      Steps for Confluence 4.x

      Global Stylesheet

      This will fix the bug in all Spaces using the default theme:

      • Click 'Browse' in the header and click 'Confluence Admin'
      • Click 'Stylesheet' under 'Look and Feel'
      • Click the 'Edit' button on the 'Global Stylesheet' screen
      • Paste the CSS snippet from below and click the 'Save' button
      Space Stylesheet

      For spaces using the Documentation, Easy reader, or a custom theme, you need to apply the CSS change to them individually:

      • Navigate to the space
      • Click 'Browse' in the header and click 'Space Admin'
      • Click 'Stylesheet' under 'Look and Feel'
      • Click the 'Edit' button
      • Paste the CSS snippet from below and click the 'Save' button

      Steps for Confluence 5.x

      Global Stylesheet

      This will fix the bug in all Spaces using the default theme:

      • Click the 'Cog' in the header and click 'Confluence Admin'
      • Click 'Stylesheet' under 'Look and Feel'
      • Click the 'Edit' button on the 'Global Stylesheet' screen
      • Paste the CSS snippet from below and click the 'Save' button
      Space Stylesheet

      For spaces using the Documentation, Easy reader, or a custom theme, you need to apply the CSS change to them individually:

      • Navigate to the space
      • Click 'Browse' in the header and click 'Space Admin'
      • Click 'Stylesheet' under 'Look and Feel'
      • Click the 'Edit' button
      • Paste the CSS snippet from below and click the 'Save' button

      CSS snippet

      /* CONF-28415 */
      form.editor .editor-default,
      .editor-fullheight {
          height: 100%;
          height: auto\9; /* IE8 */
      }
      

      Steps to reproduce:

      • Open any page for editing
      • What happens:
        • Editor does not take the full height of the container area. Content of the editor are clipped. (see attachment)
      • What should happen:
        • The editor must take all the available height of the container area.

            [CONFSERVER-28415] Editor is not full height in Chrome 27

            Hi, sorry for the lack of response here. I've retitled this issue to be more specifically about Chrome 27, which is the browser this particular issue was actually raised and fixed for.

            If you have similar issues with another browser, please raise or check for another issue.

            There is already such an issue for Chrome 50, CONF-41035, which has been fixed in 5.9.7.

            Don Willis added a comment - Hi, sorry for the lack of response here. I've retitled this issue to be more specifically about Chrome 27, which is the browser this particular issue was actually raised and fixed for. If you have similar issues with another browser, please raise or check for another issue. There is already such an issue for Chrome 50, CONF-41035 , which has been fixed in 5.9.7.

            I'm still on version 5.7.4, and it only affects Chrome as with everyone else here. The fix instructions above does not work.

            So here's what I did temporarily until I upgrade to 5.9.7 which is unlikely(maybe in the next three months or so.)

            /* Chrome 29+ */

            @media screen and (-webkit-min-device-pixel-ratio:0)
            and (min-resolution:.001dpcm) {
            .editor-fullheight

            { height: 750px; }

            /* You may need to customise this based from your screen size. */
            }

            Mark Guadalupe added a comment - I'm still on version 5.7.4, and it only affects Chrome as with everyone else here. The fix instructions above does not work. So here's what I did temporarily until I upgrade to 5.9.7 which is unlikely(maybe in the next three months or so.) /* Chrome 29+ */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .editor-fullheight { height: 750px; } /* You may need to customise this based from your screen size. */ }

            RESOLVED:

            Ladies and Gentlemen, I can confirm that the fix for this issue + Chrome 50 has been resolved in a recent build of Confluence (5.9.7). I upgraded to 5.9.8 and the editor window is the expected size once again.

            Bear Golightly added a comment - RESOLVED: Ladies and Gentlemen, I can confirm that the fix for this issue + Chrome 50 has been resolved in a recent build of Confluence (5.9.7). I upgraded to 5.9.8 and the editor window is the expected size once again.

            This is an issue for me too, it started happening a few days ago. My company uses Confluence 5.9.4 , my Chrome Version is 50.0.2661.75 m

            Arturo Flores added a comment - This is an issue for me too, it started happening a few days ago. My company uses Confluence 5.9.4 , my Chrome Version is 50.0.2661.75 m

            Same here on Version 50.0.2661.75 (64-bit) Mac OSX, confluence 5.5.7.

            Radek Antoniuk added a comment - Same here on Version 50.0.2661.75 (64-bit) Mac OSX, confluence 5.5.7.

            Affecting 5.7.1 also.

            Thanks to Andrew Nagy for the workaround!

            Damian Rosochacki added a comment - Affecting 5.7.1 also. Thanks to Andrew Nagy for the workaround!

            Xexiz added a comment - - edited

            I don't get why this is still marked as fixed when it is broken for months!

            Xexiz added a comment - - edited I don't get why this is still marked as fixed when it is broken for months!

            René added a comment -

            Table-Cell fix works for me.

            René added a comment - Table-Cell fix works for me.

            Doug added a comment -

            I can verify that works for both the Documentation theme and the Default theme. Thank you Andrew Nagy.

            Doug added a comment - I can verify that works for both the Documentation theme and the Default theme. Thank you Andrew Nagy.

            Taking from Takuya Otani

            I added the following to "Custom HTML" > "At end of the HEAD"

            Which worked for me and all of my coworkers as well.

            <style>
            #content.edit {
                display: table-cell;
            }
            </style>
            

            Andrew Nagy added a comment - Taking from Takuya Otani I added the following to "Custom HTML" > "At end of the HEAD" Which worked for me and all of my coworkers as well. <style> #content.edit { display: table-cell; } </style>

            Doug added a comment -

            Reproduced the problem.

            Chrome Canary - Version 51.0.2679.0 canary (64-bit)
            Confluence 5.9.5
            Windows 7 Pro SP1

            Doug added a comment - Reproduced the problem. Chrome Canary - Version 51.0.2679.0 canary (64-bit) Confluence 5.9.5 Windows 7 Pro SP1

            FYI: nhoxuan suggested better style:

            CSS snippet
            #content.edit {
                display: table-cell;
            }
            

            Ref: CONF-41035

            Takuya Otani added a comment - FYI: nhoxuan suggested better style: CSS snippet #content.edit { display: table-cell; } Ref: CONF-41035

            kazuakim added a comment -

            Otani-san

            Thank you very much. Your CSS snippet really helped me!

            My environment:

            • Chrome 50.0.2661.26 beta-m (64-bit)
            • Confluence 5.5.2
            • Windows 7 Professional SP1

            kazuakim added a comment - Otani-san Thank you very much. Your CSS snippet really helped me! My environment: Chrome 50.0.2661.26 beta-m (64-bit) Confluence 5.5.2 Windows 7 Professional SP1

            Takuya Otani added a comment - - edited

            Same here:

            For workaround, I've applied the following styles via Stylish extension (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe)

            CSS snippet
            #main .edit#content {
                height: calc(100% - 42px);
                width: 100%;
                position: absolute!important;
            }
            
            • Chrome 50.0.2661.18 dev (64-bit)
            • Confluence 6.0.0-OD-2016.10.3-1082
            • Mac OS X 10.11.3

            Takuya Otani added a comment - - edited Same here: For workaround, I've applied the following styles via Stylish extension ( https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe ) CSS snippet #main .edit#content { height: calc(100% - 42px); width: 100%; position: absolute!important; } Chrome 50.0.2661.18 dev (64-bit) Confluence 6.0.0-OD-2016.10.3-1082 Mac OS X 10.11.3

            Same problem on my chrome when I edit a confluence page.

            Chrome Version 50.0.2661.18 dev-m (64-bit)

            Confluence Version 5.7.4
            Build Number 5788

            Mark Guadalupe added a comment - Same problem on my chrome when I edit a confluence page. Chrome Version 50.0.2661.18 dev-m (64-bit) Confluence Version 5.7.4 Build Number 5788

            Also have this problem. Confluence 5.9.6, google chrome 50.0.2661.26

            Jason Gates added a comment - Also have this problem. Confluence 5.9.6, google chrome 50.0.2661.26

            Starkey DevOps added a comment - - edited

            Same problem here with confluence v5.8.9 -> Version 50.0.2661.26 beta-m (64-bit)

            Starkey DevOps added a comment - - edited Same problem here with confluence v5.8.9 -> Version 50.0.2661.26 beta-m (64-bit)

            Rob Wieck added a comment -

            For the short term, and based upon an older comment, you can add a bookmark with the content, javascript:$('.editor-fullheight').height(1200); and then click on it once in the edit page. (You can also change the height to something better suited to your screen)

            I also have this issue with Chrome 50.0.2661.26 beta, and Confluence 5.9.3

            Rob Wieck added a comment - For the short term, and based upon an older comment, you can add a bookmark with the content, javascript:$('.editor-fullheight').height(1200); and then click on it once in the edit page. (You can also change the height to something better suited to your screen) I also have this issue with Chrome 50.0.2661.26 beta, and Confluence 5.9.3

            Chrome 50.0.2661.26 beta-m with Windows 7 here and same problem.

            David Mateos García added a comment - Chrome 50.0.2661.26 beta-m with Windows 7 here and same problem.

            Chrome Beta 50 working here, same problem, workaround doesn't fix anything. Is there any new workaround?

            Tim Mohrbach added a comment - Chrome Beta 50 working here, same problem, workaround doesn't fix anything. Is there any new workaround?

            Bear Golightly added a comment - - edited

            Confirming that the latest Chrome beta build (Win 8.1, x64) still exhibits this issue.

            Is there an available CSS workaround for this regression?

            Bear Golightly added a comment - - edited Confirming that the latest Chrome beta build (Win 8.1, x64) still exhibits this issue. Is there an available CSS workaround for this regression?

            @selleckj, there is little chance to have such problem on stable too, so, be ready.

            Ilya Muromtsev added a comment - @selleckj, there is little chance to have such problem on stable too, so, be ready.

            Chrome 50 was on the dev channel. I swapped back to beta channel which is release 49 and it worked. I'd suggest you try that. Support did forward to developers but it might be a chrome bug more than confluence.

            James Selleck added a comment - Chrome 50 was on the dev channel. I swapped back to beta channel which is release 49 and it worked. I'd suggest you try that. Support did forward to developers but it might be a chrome bug more than confluence.

            Ilya Muromtsev added a comment - - edited

            Appears for me also.
            Latest Chrome 50.0.2657.0 dev-m (64-bit) on Windows 8.1 and Confluence 5.9.3

            Ilya Muromtsev added a comment - - edited Appears for me also. Latest Chrome 50.0.2657.0 dev-m (64-bit) on Windows 8.1 and Confluence 5.9.3

            I am using latest Chrome and Confluence 6.0.0-OD-2016.08.1-0001 (On Cloud)

            I have cleared cache and restarted browser.

            Version 50.0.2657.0 dev-m (64-bit)

            Google Chrome is up to date.

            James Selleck added a comment - I am using latest Chrome and Confluence 6.0.0-OD-2016.08.1-0001 (On Cloud) I have cleared cache and restarted browser. Version 50.0.2657.0 dev-m (64-bit) Google Chrome is up to date.

            Xexiz added a comment - - edited

            I still have this problem on confluence 5.9.3 with chrome 50.0.2652.0.dev on OSX!!
            Forcing a height in px to the form element is fixing it though.

            #editpageform {
             height: 100px;
            }
            

            Xexiz added a comment - - edited I still have this problem on confluence 5.9.3 with chrome 50.0.2652.0.dev on OSX!! Forcing a height in px to the form element is fixing it though. #editpageform { height: 100px; }

            Confluence 5.5.6 still buggy. Snippet is not funcional and plugin is not compatible with this version. From my point of view is not this bug resolved.

            Petr Musil added a comment - Confluence 5.5.6 still buggy. Snippet is not funcional and plugin is not compatible with this version. From my point of view is not this bug resolved.

            5.2.5 - is still effected.

            Alexey Eronko added a comment - 5.2.5 - is still effected.

            Do you have any customizations in the space or global css/layouts/html? More than likely this is due to some residual customization. If you cannot locate any, please raise a support request at https://support.atlassian.com.

            Ryan Goodwin (Inactive) added a comment - Do you have any customizations in the space or global css/layouts/html? More than likely this is due to some residual customization. If you cannot locate any, please raise a support request at https://support.atlassian.com .

            KODE added a comment -

            We are also having this issue in 5.2.3. Latest Chrome and Firefox.

            KODE added a comment - We are also having this issue in 5.2.3. Latest Chrome and Firefox.

            We are also having this issue in 5.2.3. This has been tested with the latest chrome version

            Dmitriy Egorov added a comment - We are also having this issue in 5.2.3. This has been tested with the latest chrome version

            We are also having this issue in 5.1.4 and also in 5.1.5. This has been tested with the latest chrome and firefox and IE 10.

            Erik Lichtenstein added a comment - We are also having this issue in 5.1.4 and also in 5.1.5. This has been tested with the latest chrome and firefox and IE 10.

            Thomas Hadig added a comment - - edited

            I'm also still having the issue in 5.1.4 with Chrome 28.0.1500.71 m, Chrome 28.0.1500.72 m, Firefox 21.0 and Firefox 22.0.

            IE 9 works just fine.

            Thomas Hadig added a comment - - edited I'm also still having the issue in 5.1.4 with Chrome 28.0.1500.71 m, Chrome 28.0.1500.72 m, Firefox 21.0 and Firefox 22.0. IE 9 works just fine.

            I'm still having this issue in 5.1.4 and even the Editor Height Fix doesn't do anything.
            I'm using Chrome Version 27.0.1453.116 m

            Sven Peters added a comment - I'm still having this issue in 5.1.4 and even the Editor Height Fix doesn't do anything. I'm using Chrome Version 27.0.1453.116 m

            Davet added a comment - - edited

            I am still seeing this issue with the editor in Chrome sporadically with confluence 5.1.3.
            Cannot find a pattern as yet and see no mention of it in the 5.1.4 Release Notes.

            Edit: After further testing I can reproduce this with certain pages in FF 22 and Chrome Version 27.0.1453.110 m (IE not tested)

            The quick fix is to hit F5 and reload the page. Not ideal but better than the previous dirty hack.

            Davet added a comment - - edited I am still seeing this issue with the editor in Chrome sporadically with confluence 5.1.3. Cannot find a pattern as yet and see no mention of it in the 5.1.4 Release Notes. Edit: After further testing I can reproduce this with certain pages in FF 22 and Chrome Version 27.0.1453.110 m (IE not tested) The quick fix is to hit F5 and reload the page. Not ideal but better than the previous dirty hack.

            Hi mtricomi,

            Please raise a support ticket at http://support.atlassian.com so that our Support team can check what is happening.

            Thanks,
            Renan

            Renan Battaglin added a comment - Hi mtricomi , Please raise a support ticket at http://support.atlassian.com so that our Support team can check what is happening. Thanks, Renan

            Supervisor added a comment -

            Still have the issue on 5.1.3 for sites in the default theme - no problem when in documentation theme. For what its worth, the 2 sites on the default theme now were on the 4.3 easyreader theme.

            The current workaround is if after hitting edit, if you hit F5 without making any changes, then it opens right.

            Previous workarounds used:

            • In 4.3.x, making a bookmark in 4.3.x like javascript:$('#wysiwygTextarea_ifr').height($('#rte').height()); used to work, now doesnt
            • In 4.3.x, we also put the plugin advertised, and that fixed it. Once moved to 5.1.3, the plugin didnt work for this default theme

            Supervisor added a comment - Still have the issue on 5.1.3 for sites in the default theme - no problem when in documentation theme. For what its worth, the 2 sites on the default theme now were on the 4.3 easyreader theme. The current workaround is if after hitting edit, if you hit F5 without making any changes, then it opens right. Previous workarounds used: In 4.3.x, making a bookmark in 4.3.x like javascript:$('#wysiwygTextarea_ifr').height($('#rte').height()); used to work, now doesnt In 4.3.x, we also put the plugin advertised, and that fixed it. Once moved to 5.1.3, the plugin didnt work for this default theme

            dchisholm added a comment -

            Thanks for the patch! I had this problem in Chrome 27 and IE 10.0.9200.16576 with Confluence 4.2. FF 21 is fine.

            dchisholm added a comment - Thanks for the patch! I had this problem in Chrome 27 and IE 10.0.9200.16576 with Confluence 4.2. FF 21 is fine.

            We found the plugin fixed spaces using documentation theme for us whereas the CCS entry only fixed the default them.

            kweinheimer added a comment - We found the plugin fixed spaces using documentation theme for us whereas the CCS entry only fixed the default them.

            If i install the plugin to fix it, will that update all spaces or just the default theme?

            Karie Kelly added a comment - If i install the plugin to fix it, will that update all spaces or just the default theme?

            Don Willis added a comment - - edited

            Ryan, you might want to file a support ticket. There could be a theme or other customisation messing with the fix and support should be able to identify how that's occurring.

            Don Willis added a comment - - edited Ryan, you might want to file a support ticket. There could be a theme or other customisation messing with the fix and support should be able to identify how that's occurring.

            Ryan Smith added a comment -

            I have confluence 4.2 and I have tried both the CSS and the plugin fixes and neither of them work. Is there some additional step I need to take after I implement either?

            Ryan Smith added a comment - I have confluence 4.2 and I have tried both the CSS and the plugin fixes and neither of them work. Is there some additional step I need to take after I implement either?

            A new Confluence add-on containing the fix is now available as well:
            https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor-height-fix

            Maleko Taylor (Inactive) added a comment - A new Confluence add-on containing the fix is now available as well: https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor-height-fix

            I've added more detailed steps for how to fix this with a custom CSS snippet to the Description of the ticket. It's pretty similar for 4.x or 5.x but I've separated them out to make it as straight forward as possible.

            The same CSS snippet works for both 4.x and 5.x. The main thing to note is that the Global Stylesheet customisation only applies to the default theme. For any space using another theme (e.g.: Documentation theme or a custom theme) you need to apply the change at a space level.

            John Masson added a comment - I've added more detailed steps for how to fix this with a custom CSS snippet to the Description of the ticket. It's pretty similar for 4.x or 5.x but I've separated them out to make it as straight forward as possible. The same CSS snippet works for both 4.x and 5.x. The main thing to note is that the Global Stylesheet customisation only applies to the default theme. For any space using another theme (e.g.: Documentation theme or a custom theme) you need to apply the change at a space level.

            I am using this on Confluence 4.3.5
            A small javascript based hack I am put into my install under Custom HTML end of the Body setting. It sets the explicit editing area on page load, and resets it after the browser does a resize (drops the size to zero so it get the correct non-expanded size of the parent element, unfortunately this causes a screen flash)

            <script>
            AJS.$(document).ready(function() {
            if (AJS.$('#wysiwygTextarea_ifr').length > 0)

            { AJS.$('#wysiwygTextarea_ifr').height(AJS.$('#rte').height()); }

            });

            AJS.$(window).resize(function() {

            AJS.$('#wysiwygTextarea_ifr').height(0);
            setTimeout( "AJS.$('#wysiwygTextarea_ifr').height(AJS.$('#rte').height());",200);

            });
            </script>

            Scott Markwell added a comment - I am using this on Confluence 4.3.5 A small javascript based hack I am put into my install under Custom HTML end of the Body setting. It sets the explicit editing area on page load, and resets it after the browser does a resize (drops the size to zero so it get the correct non-expanded size of the parent element, unfortunately this causes a screen flash) <script> AJS.$(document).ready(function() { if (AJS.$('#wysiwygTextarea_ifr').length > 0) { AJS.$('#wysiwygTextarea_ifr').height(AJS.$('#rte').height()); } }); AJS.$(window).resize(function() { AJS.$('#wysiwygTextarea_ifr').height(0); setTimeout( "AJS.$('#wysiwygTextarea_ifr').height(AJS.$('#rte').height());",200); }); </script>

            Reopening to add some extra detail to the workaround.

            John Masson added a comment - Reopening to add some extra detail to the workaround.

            can you clarify steps to fix this in 4.3.7

            kweinheimer added a comment - can you clarify steps to fix this in 4.3.7

            Is there any plan to support Version 4.x of confluence for this issue?

            Scott Markwell added a comment - Is there any plan to support Version 4.x of confluence for this issue?

            Is a solution for Safari browser?

            Sebastian Krzewinski added a comment - Is a solution for Safari browser?

            Merged to stable.

            Petch (Inactive) added a comment - Merged to stable.

            Tested in IE8,IE9, FF20, Chrome 26

            Don Willis added a comment - Tested in IE8,IE9, FF20, Chrome 26

            Fix for quick editing is now ready for review.

            Petch (Inactive) added a comment - Fix for quick editing is now ready for review.

              Unassigned Unassigned
              5434487d9bde nk
              Affected customers:
              15 This affects my team
              Watchers:
              69 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Estimated:
                  Original Estimate - 1h
                  1h
                  Remaining:
                  Remaining Estimate - 1h
                  1h
                  Logged:
                  Time Spent - Not Specified
                  Not Specified