Inability to scroll in certain parts of a page that has a scrollable Container

0
The attached Page1 is the page Image , and the strucutre of the page is as attached in image.png.My observation is the Page does not scroll when touch on Text labels and html controls that have validation , like disabled Text Box , Selectable only when previous control is selected.There are no nested Scrollable containers, nor are any market place widgets used in this page.Any direction to sort this User Experience issue much appreciated.
asked
2 answers
0

This sounds more like a UI/layout issue than a problem with the individual controls.


A few things I'd check:

  • Is the page inside a Scroll Container or are there any parent containers with a fixed height or overflow: hidden?
  • Does the issue occur on both desktop and mobile, or only on touch devices?
  • Try temporarily removing the componet one by one to see if one of them is intercepting the touch events.
  • Also inspect the generated HTML using the browser developer tools to see if any CSS (pointer-events, overflow, position, etc.) is preventing the scroll gesture.


Since you mentioned the page doesn't scroll only when touching labels or disabled controls, it would be helpful if you could share the page structure screenshot and, if possible, a short screen recording of the behavior. That will make it easier to identify the root cause.

Kindly mark this as the accepted answer if it helps.

answered
0

On Dot KK. thanks. Got this sorted out. It was indeed a Layout issue.


We had a custom Gradient Layout , when we changed the Layout to NativePhone_Default this got sorted.



answered