vaul
vaul copied to clipboard
emilkowalski
Text in drawer can't be selected
There was already a similar issue before: https://github.com/emilkowalski/vaul/issues/295.
It looks like the #182 (drawer handle component) discards the changes introduced in #314 (block swipe if in wrong direction).
My guess is that this change from #314 was reverted in drawer handle PR and that's the reason why text selection is not working
@shrihari-prakash, following worked for me:
<Drawer.Content className="select-text">
This is your drawer content
</Drawer.Content>
Basically overriding the user-select with user-select: text;
PS: I am using tailwind user-select but you should be able to use user-select: text; for the drawer content's style.
@fruityfishy , unfortunately, this also does not seem to work for me :(. Does this solution work for you on mobile phones?
@shrihari-prakash, ah that's unfortunate. I haven't checked on mobile but I can confirm it works on web.
Hello @emilkowalski , would there be any plan to fix this? Or would you possibly know any workarounds that we could try to solve this issue? Would appreciate any clue on how to resolve this.
@shrihari-prakash, i plan to investigate this issue within the next week or two to determine how it can be resolved. and i believe the changes proposed in https://github.com/emilkowalski/vaul/pull/314 should meet our needs.
@fruityfishy , unfortunately, this also does not seem to work for me :(. Does this solution work for you on mobile phones?
you can fix it with !select-text in tailwind or !important with regular css
@emilkowalski do you think it makes sense to reopen this issue since it hasn't been really resolved?
here's the discussion on twitter
