# Disable WebView dragging

**URL:** <https://community.thunkable.com/t/disable-webview-dragging/3651>\
**Category:** Questions about Thunkable X\
**Created:** [May 18, 2017, 9:58pm UTC](https://community.thunkable.com/t/disable-webview-dragging/3651 "2017-05-18T21:58:05Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![geoffbyron](https://avatars.discourse-cdn.com/v4/letter/g/f04885/32.png) [@geoffbyron](https://community.thunkable.com/u/geoffbyron)\
**Post date:** [May 18, 2017, 9:58pm UTC](https://community.thunkable.com/t/disable-webview-dragging/3651/1 "2017-05-18T21:58:06Z")

</div>

Just got the iOS beta invite and very excited to get started! I loaded my URL into a webview component and can see it just fine, but was wondering if there’s a way to disable dragging on the webviewer?

Also, the properties tab of Screen1 is blank, is that normal?

---

<div class="post-metadata">

**Author:** ![albert](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/albert/32/4077_2.png) [@albert](https://community.thunkable.com/u/albert)\
**Post date:** [May 19, 2017, 5:50pm UTC](https://community.thunkable.com/t/disable-webview-dragging/3651/2 "2017-05-19T17:50:27Z")

</div>

Hi there. We are still working on adding properties to Screen 1 so nothing wrong on your side.

What do you mean about WebViewer dragging?

---

<div class="post-metadata">

**Author:** ![geoffbyron](https://avatars.discourse-cdn.com/v4/letter/g/f04885/32.png) [@geoffbyron](https://community.thunkable.com/u/geoffbyron)\
**Post date:** [May 21, 2017, 11:25pm UTC](https://community.thunkable.com/t/disable-webview-dragging/3651/3 "2017-05-21T23:25:10Z")

</div>

Okay got it. And here’s what I’m talking about, the first screen is the webviewer without me dragging the screen, the second is with me dragging the screen.

 ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/8/8b7ba52a28f2d92c1c656089b62d819dbab62f5c.jpg)

 ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/c/c62cdf9c2ebb9cf98f1bdd1f946162b0a886f712.jpg)

---

<div class="post-metadata">

**Author:** ![geoffbyron](https://avatars.discourse-cdn.com/v4/letter/g/f04885/32.png) [@geoffbyron](https://community.thunkable.com/u/geoffbyron)\
**Post date:** [May 26, 2017, 8:52pm UTC](https://community.thunkable.com/t/disable-webview-dragging/3651/4 "2017-05-26T20:52:19Z")

</div>

Any ideas on this? Thanks!

---

<div class="post-metadata">

**Author:** ![ILoveThunkable](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ilovethunkable/32/3134_2.png) [@ILoveThunkable](https://community.thunkable.com/u/ILoveThunkable)\
**Post date:** [May 26, 2017, 9:09pm UTC](https://community.thunkable.com/t/disable-webview-dragging/3651/5 "2017-05-26T21:09:58Z")

</div>

Not possible yet 😃

---

<div class="post-metadata">

**Author:** ![Helios](https://avatars.discourse-cdn.com/v4/letter/h/858c86/32.png) [@Helios](https://community.thunkable.com/u/Helios)\
**Post date:** [May 27, 2017, 8:41am UTC](https://community.thunkable.com/t/disable-webview-dragging/3651/6 "2017-05-27T08:41:11Z")

</div>

Perhaps you could add these tags to your HTML file:  
Under the `<head>` tag:  
`<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />`

And add these CSS styles to the body tag:

```
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position:top;

```

I am not sure if this will work. Let me know if it does.  
Cheers  
Helios

---

<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:06pm UTC](https://community.thunkable.com/t/disable-webview-dragging/3651/7 "2024-11-08T12:06:39Z")

</div>