Pagination: Misaligned navigate-to-first/last button icons?

Pagination: Misaligned navigate-to-first/last button icons?

Posted by: oanderson on 12 March 2026, 10:43 am EST

• 

  oanderson

  • Post Options:
  • Link
    Copy

  Posted 12 March 2026, 10:43 am EST - Updated 12 March 2026, 10:50 am EST

  Hello, all,
  
  While working with the Wijmo pagination component recently, we noticed the navigate-to-last-page icon within its button is not vertically aligned with the adjacent icons (see screenshot at bottom of this post. Screenshot taken from the Wijmo pure-JavaScript “Client-side pagination” demo).

  So, yeah, the misalignment is very small. But it’s not nothing and can be noticeable when next to the other icons.
  
  Looking at the styling properties, the difference appears to be the value of the top property in the icon containers:

  • The previous and next button have top: 1px
  • The navigate-to-first-page button uses top: .12em (which also misaligns the icon a bit, but not as much as navigate-to-last-page)
  • The navigate-to-last-page button does not specify a top value

  I’m curious if the Wijmo team has any suggested way how consumers should handle this (extraordinarily small, I realize) visual bug, or whether this is eligible for a fix on the Wijmo side. Any help and suggestions are much appreciated. Thanks!

  

  1148×196 4.58 KB

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 13 March 2026, 6:16 am EST

  Hi,
  
  We have reported this issue to the engineering team with internal tracking ID - WJM-37621. We will update you when we have an update from the engineering team on the same.
  
  For now, you can use the following CSS to resolve this issue -

  .wj-control.wj-collectionview-navigator .wj-glyph-step-forward,
  .wj-control.wj-collectionview-navigator .wj-glyph-step-backward {
      top: 1px;
  }

  Please refer to the following sample demonstrating the same - https://jscodemine.mescius.io/share/x3qrZrRsSk2C16OdwsXglA/
  
  Regards