Views incorrect display with filters, table and full pager

Created on 2 August 2024, about 2 months ago
Updated 21 August 2024, 29 days ago

Problem/Motivation

The view content is set as display: grid due to changes from 3365367 in views.css which breaks views layout with pager. example on the screehshot.

Steps to reproduce:
- Standard Drupal 10.3.1 installation with Olivero as default theme
- Create three or more nodes of type Basic page
- Create a view of content (Basic page), it could be Page or Block (have not tried others)
- Set the pager to full pager and show two items
- It doesn't matter if it's a table or content output
- Look at the view output in Olivero with full pager and then with mini

Proposed resolution

Remove display:grid and its related props from views.css

Remaining tasks

User interface changes

Before:

After:

🐛 Bug report
Status

Needs work

Version

11.0 🔥

Component
Olivero 

Last updated about 5 hours ago

Created by

Live updates comments and jobs are added and updated live.
  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @SergeyShadrin
  • 🇮🇳India ehsann_95

    Not able to reproduce the issue at my end. Can you please add the detailed steps to reproduce the issue.

  • Status changed to Postponed: needs info about 1 month ago
  • 🇩🇪Germany aschiwi

    The same problem brings me here.
    To reproduce:

    - Standard Drupal 10 installation with Olivero as default theme
    - Create three nodes of type Basic page
    - Create a view of content (Basic page), it could be Page or Block (have not tried others)
    - Set the pager to full pager and show two items
    - It doesn't matter if it's a table or content output
    - Look at the view output in Olivero with full pager and then with mini

    I have attached screenshots:
    - Output with mini pager
    - Output with full pager
    - My simple view configuration to reproduce

  • Status changed to Active about 1 month ago
  • 🇩🇪Germany aschiwi

    Setting status to Active and removing the issue tag because I think it can be reproduced with my info.

  • Merge request !9173Issue #3465399: Views incorrect display → (Open) created by Unnamed author
  • Pipeline finished with Success
    about 1 month ago
    Total: 491s
    #251191
  • Status changed to Needs review about 1 month ago
  • 🇮🇳India ehsann_95

    Removed the display:grid styles from .view, .view-content.

  • Hi,
    I've reviewed the MR !9173 on Drupal 10.3.

    Testing Steps:

    1. Create a view of content, it could be Page or Block
    2. Set the pager to full pager and show two items
    3. Look at the view output in Olivero with full pager and then with mini

    Test Results

    Content are looking properly displaying inline in the mini pager and Full pager settings.

  • Status changed to Needs work about 1 month ago
  • 🇺🇸United States smustgrave

    Issue summary is incomplete. Should follow standard template

  • Status changed to Needs review about 1 month ago
  • 🇮🇳India DishaKatariya

    Hi, I have verified this issue in the D11.x-dev version with latest MR applied cleanly and working as expected.

    Testing Steps:
    1. Standard Drupal 11.x-dev vesrion installation with Olivero as default theme
    2. Create three or more nodes of type Basic page
    3. Create a view of content (Basic page), it could be Page or Block (have not tried others)
    4. Set the pager to full pager and show two items
    5. It doesn't matter if it's a table or content output
    6. Look at the view output in Olivero with full pager and then with mini

    Testing Results:
    Content are looking properly displaying inline in the Full pager settings with the two paged items.

    Attaching the screenshots.

  • 🇩🇪Germany marc.bau

    You patch helped a bit, but I see more issues - if full pager is shown. With mini pager the issues are not shown.

    - Create a view with a header (not required, but makes it more worse)
    - You need to have a view with exposed search field (required)
    - Output a table with one or more columns
    - and a full pager (required) - the pager must be shown - otherwise you do not see the broken page.

  • Status changed to Needs work about 1 month ago
  • 🇺🇸United States smustgrave

    Per #14

  • 🇮🇳India ehsann_95

    @marc.bau I have followed the steps mentioned in #14 but was not able to reproduce it.
    Could you please add a screen capture to see what exactly looks broken

  • 🇩🇪Germany marc.bau
    1. Install 10.3.2 with Umami Profile
    2. Switch theme to oliviero
    3. Create test view as page with pager at path "/test-1"
    4. Edit content type to be EXPOSED
    5. Add header with "Global: Text area (Global: Text area)" with random text
    6. Open "/test-1"

Production build 0.71.5 2024