# \[Solved\] Webviewer not responsive / scrolling issue

**URL:** <https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671>\
**Category:** Questions about Thunkable X\
**Tags:** solved, bug\
**Created:** [October 23, 2019, 8:24pm UTC](https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671 "2019-10-23T20:24:00Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/chris/32/78883_2.png) [@Chris](https://community.thunkable.com/u/Chris)\
**Post date:** [October 23, 2019, 8:24pm UTC](https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671/1 "2019-10-23T20:24:01Z")

</div>

Hi there,

Today I ran into a problem with the webviewer and I searched the community but all the similar issues I found should already have been fixed or do not really match my case.

I embedded a local .html file in the webviewer and in the companion app I can barely scroll it and it has a weird scroll issue like shown below:

 ![ezgif-1-b959f0ecbe11](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/7/07c8ab8050cf7e35bba68f3eaf71925ef048f40e.gif)

In the built app I cannot scroll at all. The webviewer is set to scrollable, the screen is not because when it is the webviewer disappears. There is no other component on the screen and I also tried to separate it from the top navigator for testing but it stays the same…

 ![48](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0ffdbc713cbbd58b655285e1b440139d6614b3ce.png) ![25](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/9/5997c4945af7da160b23d38480753cb01b9e4b60.png)

The html file is pretty basic and has viewport settings for mobile view as follows:

```auto
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
```

I have a webviewer with online content in the same app and that works fine so I can’t find the issue ☹

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [October 23, 2019, 9:24pm UTC](https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671/2 "2019-10-23T21:24:40Z")

</div>

what happens when you turn `bounces` off?

---

<div class="post-metadata">

**Author:** ![Chris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/chris/32/78883_2.png) [@Chris](https://community.thunkable.com/u/Chris)\
**Post date:** [October 23, 2019, 10:23pm UTC](https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671/3 "2019-10-23T22:23:06Z")

</div>

I tried that and it did not scroll at all in the companion when turned off.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [October 23, 2019, 10:27pm UTC](https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671/4 "2019-10-23T22:27:16Z")

</div>

Thanks.

Can you share an MWE so we can take a closer look?

---

<div class="post-metadata">

**Author:** ![Chris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/chris/32/78883_2.png) [@Chris](https://community.thunkable.com/u/Chris)\
**Post date:** [October 23, 2019, 10:42pm UTC](https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671/5 "2019-10-23T22:42:00Z")

</div>

Aww I’m sorry I think I finally found the problem. The CSS framework I used had the body positioned as ‘fixed’ and this seemed to make the webviewer stumble… I know it is strange why one would put the body position of a webpage to fixed anyway but I guess the reason in this framework was to get rid of the scroll bars to make it look more native. Might need some js to work with that but for now I just got rid of that faulty css part.

Thank you anyways for your help!

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:08pm UTC](https://community.thunkable.com/t/solved-webviewer-not-responsive-scrolling-issue/285671/6 "2024-11-08T12:08:35Z")

</div>


