Semantic-UI-React icon indicating copy to clipboard operation
Semantic-UI-React copied to clipboard

Event click is blocked when dropdown open

Open minhtien17495 opened this issue 1 year ago • 3 comments

Bug Report

Steps

  1. Create list item , per item have a dropdown and a button
  2. Click last dropdown
  3. Scroll down bottom
  4. Click the button => don't fire event

Expected Result

Event button work

Actual Result

Menu is closed and event button don't work Link my code https://codesandbox.io/s/competent-yonath-jm6n5t?file=/src/index.js Screenshot 2023-11-11 at 00 00 59

Version

2.1.4

Testcase

minhtien17495 avatar Nov 10 '23 17:11 minhtien17495

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

welcome[bot] avatar Nov 10 '23 17:11 welcome[bot]

@minhtien17495 please see the spec that presumes that the click event will happen only if the mouse button is released on the same element. This is not a SUIR-specific bug. This is how you've made your app.

tourman avatar Nov 28 '23 22:11 tourman

@tourman Thank your help . I have changed my UX . The dropdown menu will automatically upward if the dropdown is located at the bottom.

minhtien17495 avatar Nov 29 '23 13:11 minhtien17495