search

accessibility-exchange / platform

The Accessibility Exchange platform.
https://github.com/orgs/accessibility-exchange/projects/2/views/8
BSD 3-Clause "New" or "Revised" License
4 stars 10 forks source link

Changing filter options on the Browse Engagements page causes the expander icons' styling to break #2196

Open jobara opened 6 months ago

jobara commented 6 months ago

Prerequisites

Describe the bug

On the Browse Engagements page, clicking the filter options will cause the rendering of the expander icons to display incorrectly on alternate clicks

To Reproduce

Steps to reproduce the behavior:

  1. Go to the dev site
  2. Login as a user (e.g. individual user) that can browse engagements.
  3. Click the "Engagements" link in the top navigation to go to the Browser Engagements page
  4. Expand a filter section
  5. Click on a filter option
  6. Notice that for expander icons are not rendered properly. They are either missing showing both the "-" and "+" at the same time.
  7. Click on a filter option again and the rendering is correct.

Expected behavior

The icons should render correctly all the time. Expanded sections should show only the "-" icon and collapsed sections should only show the "+" icon.

Screenshots

Screenshot showing the correct rendering of the expander icons Screenshot showing the incorrect rendering of the expander icons

Video showing the issue

Additional context

I wasn't able to reproduce this locally, but have reproduced in different browsers from the dev site. It may have something to do with Livewire refreshing the content.