LarsL
August 4, 2023, 1:17pm
1
Hi!
When I am having an input field and get the scrollbar because the content is too big, I am getting this weird behaviour of the scrollbar that I can grow and shrink it to any size by dragging the bottom right corner.
This is great vertically, but doing this horizontally is just odd and is a weird experience to me.
My question is: How can I lock at least the horizontal movement?
Here is a video of the issue: https://www.loom.com/share/3fd874087846405dae75572e034c15e3?sid=c728e54e-6a4a-4b01-910e-0f2985e62e5e
Joyce
August 17, 2023, 11:00pm
2
Hi @LarsL
Apologies for the late reply! Just saw this.
So, I’m not 100% it’s the result you’re looking for but these are the style settings I have on my Long answer
input:
Resize
is on
Width
is auto
Height
is auto
Overflow
is Unset
(that’s the default input setting by default but thought I’d mention it in case it’s on Scroll
in your case)
And here’s what it looks like:
Does that help?
LarsL
August 18, 2023, 8:19am
3
Hi, Unfortunately it doesn’t.
I want the width to be fixed, maybe turn the corner dragging part completely off, if it’s not possible to do it just horizontally.
Joyce
August 18, 2023, 11:23am
4
Ah ok. I misunderstood your question then.
Not sure it’s possible to allow users to change the height but not the width. You can definitely turn off the corner dragging part completely though:
LarsL
September 15, 2023, 6:48am
5
Would be great if we got that resize lock by axis.
For now I will turn it off.
Thanks!
You can lock it on only one axis via custom css at the bottom with
overflow-x: hidden
overflow-y: hidden