search

Semantic-Org / Semantic-UI-React

The official Semantic-UI-React integration
https://react.semantic-ui.com
MIT License
13.19k stars 4.04k forks source link

Event click is blocked when dropdown open #4443

Open minhtien17495 opened 8 months ago

minhtien17495 commented 8 months ago

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

[Fork, update, and replace this pen to show the bug]: https://codesandbox.io/s/competent-yonath-jm6n5t?file=/src/index.js

welcome[bot] commented 8 months ago

👋 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.

tourman commented 7 months ago

@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.

minhtien17495 commented 7 months ago

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