Legacy Knowledge Base
Published Jun. 30, 2025

Paginator is not showing intermediate pages in mobile render

Written By

Apsara Raheja

How To articles are not official guidelines or officially supporteddocumentation. They are community-contributed content and may not alwaysreflect the latest updates to Liferay DXP. We welcome your feedback toimprove How to articles!

While we make every effort to ensure this Knowledge Base is accurate, itmay not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with anyfeedback or concerns.

Legacy Article

You are viewing an article from our legacy "FastTrack"publication program, made available for informational purposes. Articlesin this program were published without a requirement for independentediting or verification and are provided "as is" withoutguarantee.

Before using any information from this article, independently verify itssuitability for your situation and project.

Issue

  • The default Pagination Taglib Scroll is not showing intermediate pages in PWA mode.
  • Steps to reproduce:

    1. Set search.container.page.default.delta=4 in the portal-ext.properties.

    2. Start Liferay and create, at least, 84 documents with a similar word in the title, let’s say “Bilbao”.

    3. Go to mobile navigation (for example, using the browser console)

    4. In Documents&Media search for “Bilbao”, at least 21 pages should be visible.

    5. Check intermediate pages.

  • Expected behavior: All intermediate pages should be visible between 4 and 20.
  • Actual behavior: There are no intermediate pages beyond 19.

Environment

  • Liferay DXP 2023 Q4.4

Resolution

  • The observed behavior is a known bug that has been addressed by: LPD-37458
  • If a hotfix is required for this issue, please create a support ticket requesting a hotfix by attaching patch details.
  • Installing Fix Packs and Hotfixes on Liferay DXP will guide you to install this hotfix in the respective environment.

Additional Information

  • In the custom theme (customs.scss file), the user needs to add the below code to resolve the above-mentioned issue:
    @include media-breakpoint-down(md) {
    ul.pagination ul.inline-scroller {
    max-height: inherit;
    }
    }
  • Apply the above code in customs.scss file, build the theme and deploy the war file again inside the deploy folder
Did this article resolve your issue ?

Legacy Knowledge Base