KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use window.innerWidth instead of body.clientWidth

Browse Source 
Fixes pivot-x for cases where you have body smaller than document,
for example:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    html {
      background-color: white;
    }
    body {
      width: 80%;
      background-color: lightgreen;
    }
  </style>
</head>
<body>
  <script>
      document.body.innerHTML += `<pre>
        window.innerWidth is ${window.innerWidth}<br>
        document.body.clientWidth is ${document.body.clientWidth}<br>
        window.innerWidth == document.body.clientWidth: ${window.innerWidth == document.body.clientWidth}`
    </script>
  </body>
</html>
```

Fixes issue #84
This commit is contained in:
arve0
2017-09-13 19:25:21 +02:00
parent 48721f956d
commit 9f814fb842
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Modal.vue
View File

@@ -332,7 +332,7 @@
},
onWindowResize () {
this.window.width = document.body.clientWidth
this.window.width = window.innerWidth
this.window.height = window.innerHeight
},