Skip to content

v9.1.0

Choose a tag to compare

View all tags
@I-HiMo-I I-HiMo-I released this 09 Aug 11:45
v9.1.0
cb57b74

v9.1.0 — 2026-07-02

Small release — fixed Show 10/20/40/50 text position + mobile category selection contrast bug

Bug 1: "Show 10/20/40/50" text pushed down / not visible correctly (desktop + mobile)

The per-page <select> had a fixed height:46px with padding:0 14px but no appearance:none or line-height normalization — native browser select rendering doesn't respect custom height/padding consistently across browsers without this, causing the text to sit off-center or get clipped. Fixed by:

  • Adding appearance:none (removes inconsistent native OS styling)
  • Setting line-height:44px to reliably vertical-centre the text
  • Adding a custom SVG chevron arrow (since appearance:none also removes the native dropdown arrow)

Bug 2: mobile category dropdown — selected items looked the same as unselected after tapping

Root cause: the :hover and .active CSS rules had equal specificity, and :hover was declared after .active in the mobile stylesheet block — so it won. On phones, tapping a pill triggers a "stuck" hover state (touchscreens have no real mouse-leave event to clear it), which was overriding the red "selected" highlight with the grey "hover" style, making tapped categories look unselected even when they were active.

Fixed with :hover:not(.active) so hover styling can never apply to an already-selected pill, regardless of source order or touch-hover quirks. Selected categories now reliably show a light-red background + bold red text on mobile, matching the visual language used elsewhere in the plugin.

Assets 3
Loading