Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Scrolling with mouse wheel in child textarea is disabled on Firefox #74

Closed
akevinge opened this issue Jun 19, 2022 · 2 comments · May be fixed by NOUIY/developer-roadmap#219
Closed
Assignees

Comments

@akevinge
Copy link

akevinge commented Jun 19, 2022

Bug

Scrolling with the mouse wheel in child textarea is incorrectly disabled on Firefox but works as expected on Chrome.

Expected

Scrolling with the mouse wheel in child textarea works on Firefox and Chrome.


Reproduction: https://codesandbox.io/s/gallant-tharp-b4qwzv?file=/src/App.js

The reason this happens and the workaround can be found here: radix-ui/primitives#1417 (comment)

@akevinge akevinge changed the title [Bug] Scrolling with mouse wheel in textarea is disabled on Firefox [Bug] Scrolling with mouse wheel in child textarea is disabled on Firefox Jun 19, 2022
@theKashey theKashey self-assigned this Jun 22, 2022
@theKashey
Copy link
Owner

🤔 why I check for hidden in one part and for visible in another 🤔
I should have leave more comments

@theKashey
Copy link
Owner

🙇 found the reason (visible: Content is not clipped and may be rendered outside the padding box), and probably it's quite special to textarea for which "visible" still mean "has scrollbars"

I would check if using scrollHeight could be a better option here. In other case I would implement an edge case for text-area only (and there is already one for range inputs)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants