I have a report viewer widget that I place on a page using the follow bit of razor code:
In a desktop view, there's plenty of room and control to scroll around.
When I view as mobile (using Chrome's developer tools), I am not able to "scroll" left or right, so I am stuck with whatever is in the left-most column.
However, if I start using the desktop view, then switch to responsive mode, I can scroll left/right.
It seems to be that this is getting set when the page is loaded as a mobile browser:
and the style tag is not getting set, or changed, when loading on the desktop.
If I manually remove the touch-action: none; style, the page functions as expected.
I'm not sure how to proceed to address this. I can't apply a style sheet, since the style is inline. Is there a event that gets fired when the report is finished being rendered, and I can change it there?