Updated: Comment #N

Problem/Motivation

There is no scrollbar or can't scroll views style option popup.

Steps to reproduce:

  1. Create a content view
  2. Click format type (HTML list, Grid, Table etc)
  3. Select HTML grid or table list (ref: Screenshot)
  4. the option popup doesn't have scroller to select elements. But can use TAB to navigate to them. Scrolling here scrolls the main page instead of popup
    (ref: Screenshot)

Proposed resolution

Remaining tasks

1. Issue patch
2. Write test case, if possible to check for scroller vs content

User interface changes

N/A

API changes

N/A

N/A

1. Before Patch
before

2. After Patch
after

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

vijaycs85’s picture

Issue summary: View changes
dawehner’s picture

Priority: Normal » Major
Issue tags: +VDC

Given that this potentially affect a lot of forms I consider this major.

jmuzz’s picture

Status: Active » Needs review
FileSize
612 bytes

This code should be getting run on all these dialogs, but it was conditional on the existance of a data-drupal-views-offset element . You can see that this element is on some of the dialogs but not others. Look for some empty space under the title of a dialog that slightly increases the height of the grey area the title is on. I'm not sure if the intent is for it to only appear on some dialogs, it seems inconsistant.

This patch removes the check, but it may be better to make sure all the dialogs have this element instead.

jibran’s picture

Issue tags: +JavaScript

Tagging for JS maintainers

Anonymous’s picture

For me patch in #3 works for all settings in admin/views/view/VIEWNAME.

MartiMcFlight’s picture

Status: Needs review » Needs work
Issue tags: +D8MA, +SprintWeekend2014
FileSize
82.77 KB

I think this solution is not satisfying, because:

  • when the bottom of the modal is reached, the body scrolls. This is a little bit annoying. Might be fixed with a „overflow: hidden“ for the body as long as the modal is open
  • when you select „table“ you have to scroll vertical AND horizontal in the following modal window (see screenshot). The width of the modal should adapt the content width if the viewport is wide enough.
MartiMcFlight’s picture

This patch fixes the scrolling of the body when the modal is open but i don’t know how to fix the width of the modal when it’s content is bigger.

Anonymous’s picture

Patch #7 stops Chrome/Firefox from scrolling in admin/structure/views/view/VIEWNAME without the modal.

Charles Belov’s picture

Issue tags: +Accessibility

Also affects Row style options dialog

Steps:
1. Create a website on simplytest.me using alpha14
2. Click manage
3. Click views
4. Click Add new view
5. View name test
6. Check Create a page
7. Click Save and edit
8. For show, click Content
9. Select Fields
10. Click Apply

Actual results: Page: Row style options dialog text gets cut off, but there is content.

Workaround: Tab to any off-screen fields. However, if there is any section of text between tabable fields that is taller than the dialog box makes available for text, this workaround would not be sufficient.

This issue would be exacerbated if text is zoomed in for low-vision users, so adding the accessibility tag.

mgifford’s picture

Repeated your just fine @Charles Belov, thanks.

Any suggestion on how to repeat the example given by @MartiMcFlight in #6?

mgifford’s picture

Issue tags: +dcamsa11y
dawehner’s picture

It would be great if someone would have an idea how to fix it properly :)

pefferen’s picture

I cannot reproduce the error in 8.0-beta9. I followed the issuers steps and the steps in #9.

pefferen’s picture

Status: Needs work » Closed (cannot reproduce)
nod_’s picture

Status: Closed (cannot reproduce) » Needs work

Still happening in dev.

nod_’s picture

We only want to have the change in dialog.views.js no change on the body so patch #3 is the way to go. Can someone reroll/reup the patch?

#6.1: it's how it is, we considered doing something like that but decided against when implementing the original dialog API. We can discuss again if you feel there is a need but it's a new issue, nothing to do with this bug.
#6.2: feature request, should be a new issue.

m4olivei’s picture

I'm also still seeing this issue on HEAD. Applying the patch in #3 fixes the issue. While it would be nice to have, I don't think we have to fix the issue where the rest of the page scrolls when you get to the bottom of the dialog content. That's the current behaviour in D7 views. Maybe open a follow up for that, as I agree would be nice.

Also, that patch in #3 does apply cleany against HEAD, so no-need for re-roll.

m4olivei’s picture

Status: Needs work » Needs review
nod_’s picture

Status: Needs review » Needs work

if still applies, please reup. It's easier for core committers when the patch to apply is always the last one.

m4olivei’s picture

Status: Needs work » Needs review
FileSize
612 bytes

Ahh, I see, sorry about that, new to core dev, didn't know what you meant. Here's a reup of #3 :).

Anishnirmal’s picture

Issue summary: View changes
Status: Needs review » Reviewed & tested by the community
FileSize
45.54 KB
79.25 KB

Before and after Screenshots

nod_’s picture

+1 RTBC

alexpott’s picture

Status: Reviewed & tested by the community » Fixed

This issue addresses a major bug and is allowed per https://www.drupal.org/core/beta-changes. Committed 28f3002 and pushed to 8.0.x. Thanks!

  • alexpott committed 28f3002 on 8.0.x
    Issue #2137849 by MartiMcFlight, m4olivei, jmuzz: No scrollbar in views...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.