Improve categories dropdown blur behavior

Created on 3 July 2024, 6 months ago
Updated 11 September 2024, 4 months ago

Problem/Motivation

๐Ÿ“Œ Improve the categories filter type in context to the rest of the filter component ui Fixed will likely be committed with a few shortcomings to keep scope reasonable.

Right now, the dialog for categories works like a select does, with the exception that clicking off the select doesn't cause it to close, as it would with a normal select box. This is expected behavior.

Proposed resolution

Implement some sort of onBlur or other type of mechanism so that the dialog box closes when someone clicks outside of it (ex.g.) or otherwise indicates they are done with it (ESC key?).

๐Ÿ“Œ Task
Status

Closed: outdated

Version

2.0

Component

User experience

Created by

๐Ÿ‡บ๐Ÿ‡ธUnited States chrisfromredfin Portland, Maine

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @chrisfromredfin
  • ๐Ÿ‡ฎ๐Ÿ‡ชIreland lostcarpark

    Latest changes to the parent issue may cover this. Clicking outside the category dropdown, or tabbing off it, will cause the drop-down to close.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States chrisfromredfin Portland, Maine

    If someone could just verify / test and include a screencast or something, we could close this probably then.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    as @lostcarpark outlined. with the latest version of 2.0.x-dev the modal collapses on tab, on esc and on clicking outside the modal as demonstrated in close.mp4

  • Status changed to Needs review 5 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia snehal-chibde

    IChecked this in version 2.0.x-dev and can confirm as mentioned by @rkoller that the filter by category dropdown is getting closed on click of esc, tab and outside click. Added video for reference.

  • Status changed to Closed: outdated 4 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States chrisfromredfin Portland, Maine

    Yes, this seemingly is working in 2.0.x-dev as of now, so I think this is good.

Production build 0.71.5 2024