Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-28415

Editor is not full height in Chrome 27

XMLWordPrintable

    • 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.

        1. Confluence.png
          Confluence.png
          31 kB

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

            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.

            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.

            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. */
            }

            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. */ }

            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.

            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.

            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

            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

            Radek Antoniuk added a comment -

            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.

            Damian Rosochacki added a comment -

            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.

            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>

            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>

              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