Hello! I hope you’re all enjoying your summer! (or winter if you live in the southern hemisphere)
Suppose I have a key event binding on a text input field in a form in liveview:
<%= text_input(@form, "text_input", phx_keyup: "keyup" %>
I can handle the key event in my live view code easily. However, hitting certain keys may trigger some unwanted default action in the browser. For example, hitting “Enter” may trigger a form submit.
I can prevent these default actions using client hooks. I can capture the key event in JS and then call
event.preventDefault() before sending the event to my liveview using
pushEvent(). Although this works, it is less clean and more complex than doing everything in liveview.
So my questions are:
- Can browser’s default actions be prevented directly in LV without using client hooks? I suspect this is not possible.
- If it’s not possible, would it make sense to add a LV binding that disables default actions? Something like:
phx-prevent-default. Would anybody else find this useful? If not, why?
Thanks for any comment!