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

Type: Bug
Resolution: Fixed
Priority: High
Fix Version/s: 5.1.3
Affects Version/s: 4.1, 4.2, 4.3, 5.0, 5.1
Component/s: None
Labels:
Environment:

Confluence version: Hosted
Client OS: Ubuntu 12.04.2 LTS (64 bit)
Client Browser: Chrome Version 27.0.1430.0 dev

Bug Fix Policy:
View Atlassian Server bug fix policy

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.

- - Sort By Name
  - Sort By Date
  - Ascending
  - Descending
  - Thumbnails
  - List

Confluence.png
07/Mar/2013 9:52 PM
31 kB
nk

is duplicated by

CONFSERVER-29357 Confluence WYSIWYG editor work area broken in Chrome v27.0.1453.93 m

Closed

CONFSERVER-29392 content editor area reduced on last chrome 27 version

Closed

CONFSERVER-28802 Confluence edit functionality severely restricted on Chrome 27

Closed

CONFSERVER-29416 Editing Pages in Chrome only shows small edit section

Closed

CONFSERVER-29407 wiki markup broken on chrome 27

Closed

CONFSERVER-29408 Page Editor's editable area doesn't extend to page editor's outer height in Google Chrome

Closed

CONFSERVER-29411 Editing in Google Chrome squishes edit area at top of screen

Closed

CONFSERVER-29449 Table is cut off in edit mode

Closed

CONFSERVER-29453 Full Page is not displayed when editing in Chrome web browser

Closed

CONFSERVER-29533 WYSIWYG editing not using full window height

Closed

CONFSERVER-29546 Editing pages in Chrome for Windows and MacOSX

Closed

CONFSERVER-28381 the iframe#wysiwygTextarea_ifr needs min-height set

Closed

CONFSERVER-29141 Confluence WYSIWYG editor auto-resize error

Closed

CONFSERVER-29293 Chrome v27

Closed

CONFSERVER-29394 Edit page viewport very small, shows scrollbars

Closed

CONFSERVER-29419 Chrome v 27.0.1453.93 - WYSIWYG Editor not full height

Closed

CONFSERVER-29437 editor is cramped in the chrome browser

Closed

CONFSERVER-29451 When editing a page, edit-able area only a small portion of the page

Closed

CONFSERVER-29488 Tiny edit window in Chrome

Closed

CONFSERVER-29912 Confluence - Edit Page - Chrome Browser - too small window with edit page

Closed

is related to

CONFSERVER-29454 Editor is not full height in Chrome27

Closed

CONFSERVER-32920 Typing into a Confluence Comment limits the amount of text I see

Closed

CSP-102749 Loading...

is superseded by

CONFSERVER-41035 Editor shows at half height when using Chrome 50+

Closed

relates to

CONFSERVER-29357 Confluence WYSIWYG editor work area broken in Chrome v27.0.1453.93 m

Closed

CONFCLOUD-28415 Editor is not full height in Chrome 27

Closed

CONFSERVER-35225 EDIT screen rendering issues

Closed

CONFSERVER-41035 Editor shows at half height when using Chrome 50+

Closed

supersedes

CONFSERVER-28680 Editing a standard page in Chrome Canary shows only a 1/3 of the editable screen

Closed

mentioned in: Page Loading...; Page Loading...; Page Loading...; Page Loading...; Page Loading...; Page Loading...; Page Loading...; Page Loading...; Wiki Page Loading...; Wiki Page Loading...; Wiki Page Loading...; Wiki Page Loading...; Wiki Page Loading...; Page Loading...

(15 is duplicated by, 3 is related to, 1 is superseded by, 4 relates to, 1 supersedes, 14 mentioned in)

Katherine Yabut made changes - 13/Nov/2018 4:44 AM

Workflow

Original: JAC Bug Workflow v3 [ 2897102 ]

New: CONFSERVER Bug Workflow v4 [ 2990862 ]

Owen made changes - 11/Oct/2018 9:03 AM

Workflow	Original: JAC Bug Workflow v2 [ 2788716 ]	New: JAC Bug Workflow v3 [ 2897102 ]
Status	Original: Resolved [ 5 ]	New: Closed [ 6 ]

Owen made changes - 29/Aug/2018 11:15 PM

Workflow

Original: JAC Bug Workflow [ 2720338 ]

New: JAC Bug Workflow v2 [ 2788716 ]

Owen made changes - 02/Jul/2018 6:56 AM

Workflow

Original: Confluence Workflow - Public Facing - Restricted v5 - TEMP [ 2389395 ]

New: JAC Bug Workflow [ 2720338 ]

Katherine Yabut made changes - 22/Jun/2017 6:50 AM

Workflow

Original: Confluence Workflow - Public Facing - Restricted v5 [ 2267135 ]

New: Confluence Workflow - Public Facing - Restricted v5 - TEMP [ 2389395 ]

Katherine Yabut made changes - 31/May/2017 5:31 AM

Workflow

Original: Confluence Workflow - Public Facing - Restricted v5.1 - TEMP [ 2210584 ]

New: Confluence Workflow - Public Facing - Restricted v5 [ 2267135 ]

Katherine Yabut made changes - 31/May/2017 4:53 AM

Workflow

Original: Confluence Workflow - Public Facing - Restricted v5 - TEMP [ 2197032 ]

New: Confluence Workflow - Public Facing - Restricted v5.1 - TEMP [ 2210584 ]

Katherine Yabut made changes - 31/May/2017 2:06 AM

Workflow

Original: Confluence Workflow - Public Facing - Restricted v5 [ 1931046 ]

New: Confluence Workflow - Public Facing - Restricted v5 - TEMP [ 2197032 ]

Katherine Yabut made changes - 03/Apr/2017 3:59 AM

Workflow

Original: Confluence Workflow - Public Facing - Restricted v3 [ 1734812 ]

New: Confluence Workflow - Public Facing - Restricted v5 [ 1931046 ]

jonah (Inactive) made changes - 02/Apr/2017 8:16 AM

Description

Original: (!) 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|https://jira.atlassian.com/browse/CONF-41035]
h2. 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.

h2. Fixed via Plugin

The [Editor Height Fix for Confluence Plugin|https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor-height-fix] 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|https://confluence.atlassian.com/display/DOC/Customising+Site+and+Space+Layouts] back to default if you are still experiencing the issue after performing these steps.

h2. 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|https://confluence.atlassian.com/display/DOC/Customising+Site+and+Space+Layouts] back to default if you are still experiencing the issue after performing these steps.

h4. Steps for Confluence 4.x

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

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

h4. Steps for Confluence 5.x

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

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

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

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.

New: {panel:bgColor=#e7f4fa}
  *NOTE:* This bug report is for *Confluence Server*. Using *Confluence Cloud*? [See the corresponding bug report|http://jira.atlassian.com/browse/CONFCLOUD-28415].
  {panel}

(!) 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|https://jira.atlassian.com/browse/CONF-41035]
h2. 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.

h2. Fixed via Plugin

The [Editor Height Fix for Confluence Plugin|https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor-height-fix] 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|https://confluence.atlassian.com/display/DOC/Customising+Site+and+Space+Layouts] back to default if you are still experiencing the issue after performing these steps.

h2. 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|https://confluence.atlassian.com/display/DOC/Customising+Site+and+Space+Layouts] back to default if you are still experiencing the issue after performing these steps.

h4. Steps for Confluence 4.x

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

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

h4. Steps for Confluence 5.x

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

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

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

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.

Assignee:: Unassigned

Reporter:: nk

Affected customers:: 15 This affects my team

Watchers:: 69 Start watching this issue

Created:: 07/Mar/2013 9:52 PM

Updated:: 11/Oct/2018 9:03 AM

Resolved:: 22/May/2013 11:49 PM

Estimated:

Remaining:

Logged:

Not Specified

Details

Description

Fixed in 5.1.3

Fixed via Plugin

Workaround if plugin cannot be installed.

Steps for Confluence 4.x

Global Stylesheet

Space Stylesheet

Steps for Confluence 5.x

Global Stylesheet

Space Stylesheet

CSS snippet

Attachments

Attachments

Issue Links

Forms

Activity

People

Dates

Time Tracking