mjda
Well-known member
I currently have a form on my site that, by design, is very wide. So, I've put the entire form inside an hScroller so that it can scroll horizontally across the screen. This is what's inside my form to load that:
However, when I add any kind of input element, such as the textbox listed here, into the content, I'm unable to click on the input to actually type anything. I'm assuming the hScroller JavaScript is "stealing" the click, preventing the focus. So, my question is, how can make it so that clicks on inputs are ignored by the hScroller?
Edit: I just realized that, for whatever reason, if I add a numberbox in there I still can't click on the input box itself, but the + and - buttons still work to change the number. I'm not sure why those clicks work, but a regular ol' click in the input box doesn't. Anyways, I didn't know if this might be useful for trying to help me find a solution for this or not.
HTML:
<xf:form action="" ajax="true" class="block">
<div class="block-container">
<div class="block-body block-row">
<div class="hScroller" data-xf-init="h-scroller">
<div class="hScroller-scroll">
<!--Content-->
<xf:textbox name="name" value="test" />
<!--More content-->
</div>
</div>
</div>
</div>
</xf:form>
However, when I add any kind of input element, such as the textbox listed here, into the content, I'm unable to click on the input to actually type anything. I'm assuming the hScroller JavaScript is "stealing" the click, preventing the focus. So, my question is, how can make it so that clicks on inputs are ignored by the hScroller?
Edit: I just realized that, for whatever reason, if I add a numberbox in there I still can't click on the input box itself, but the + and - buttons still work to change the number. I'm not sure why those clicks work, but a regular ol' click in the input box doesn't. Anyways, I didn't know if this might be useful for trying to help me find a solution for this or not.
Last edited: