Skip to content

Vertical scrollbar appears when the container has height set to 100% #5399

Open

Description

Type of report

Bug

Provide detailed reproduction steps (if any)

  1. Open https://codepen.io/Comandeer/full/GRBjMWJ

Expected result

There is no vertical scrollbar

Actual result

There is a vertical scrollbar.

Other details

  • Browser: Blink-based and Safari
  • OS: N/A
  • CKEditor version: 4.7.0+
  • Installed CKEditor plugins: copyformatting

The issue is connected with the fact that the .cke_screen_reader_only element, used for Copy Formatting notifications, has non-zero dimensions. Somehow it forces the scrollbar if the editor's container has the same height as the viewport. We should check if we could change the dimensions of the notifications element to 0 without affecting screen readers.

It could be also a good moment to align our screen reader utility class with the industry standard.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    accessibilityIssue related to accessibility.Issue related to accessibility.browser:chromeThe issue can only be reproduced in the Chrome browser.The issue can only be reproduced in the Chrome browser.browser:operaThe issue can only be reproduced in the Opera browser.The issue can only be reproduced in the Opera browser.browser:safariThe issue can only be reproduced in the Safari browser.The issue can only be reproduced in the Safari browser.plugin:copyformattingThe plugin which probably causes the issue.The plugin which probably causes the issue.status:confirmedAn issue confirmed by the development team.An issue confirmed by the development team.type:bugA bug.A bug.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions