You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2018/09/20 10:49:27 UTC
[royale-asjs] branch develop updated: change "window.outerWidth"
for "document.body.getBoundingClientRect().width",
to make responsiveness work on iPhones and iPads
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 2fd8d8e change "window.outerWidth" for "document.body.getBoundingClientRect().width", to make responsiveness work on iPhones and iPads
2fd8d8e is described below
commit 2fd8d8ecce5138b340be27f07f74872c107d2f31
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Sep 20 12:49:18 2018 +0200
change "window.outerWidth" for "document.body.getBoundingClientRect().width", to make responsiveness work on iPhones and iPads
---
.../org/apache/royale/jewel/beads/controls/drawer/ResponsiveDrawer.as | 2 +-
.../src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as | 2 +-
.../main/royale/org/apache/royale/jewel/beads/views/DateFieldView.as | 2 +-
.../royale/org/apache/royale/jewel/debugger/ResposiveSizeMonitor.as | 2 +-
4 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/drawer/ResponsiveDrawer.as b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/drawer/ResponsiveDrawer.as
index 3f3109d..55774ef 100644
--- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/drawer/ResponsiveDrawer.as
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/drawer/ResponsiveDrawer.as
@@ -136,7 +136,7 @@ package org.apache.royale.jewel.beads.controls.drawer
{
COMPILE::JS
{
- var outerWidth:Number = window.outerWidth;
+ var outerWidth:Number = document.body.getBoundingClientRect().width;
var tmpFixed:Boolean = drawer.fixed;
// Desktop width size
diff --git a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as
index df35c77..b5193fe 100644
--- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as
@@ -279,7 +279,7 @@ package org.apache.royale.jewel.beads.views
{
COMPILE::JS
{
- var outerWidth:Number = window.outerWidth;
+ var outerWidth:Number = document.body.getBoundingClientRect().width;
var top:Number = (window.pageYOffset || document.documentElement.scrollTop) - (document.documentElement.clientTop || 0);
// Desktop width size
diff --git a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DateFieldView.as b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DateFieldView.as
index 801d43d..535929d 100644
--- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DateFieldView.as
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DateFieldView.as
@@ -296,7 +296,7 @@ package org.apache.royale.jewel.beads.views
{
COMPILE::JS
{
- var outerWidth:Number = window.outerWidth;
+ var outerWidth:Number = document.body.getBoundingClientRect().width;
var top:Number = (window.pageYOffset || document.documentElement.scrollTop) - (document.documentElement.clientTop || 0);
// Desktop width size
diff --git a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/debugger/ResposiveSizeMonitor.as b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/debugger/ResposiveSizeMonitor.as
index 65e29e5..23313b7 100644
--- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/debugger/ResposiveSizeMonitor.as
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/debugger/ResposiveSizeMonitor.as
@@ -89,7 +89,7 @@ package org.apache.royale.jewel.debugger
{
// Desktop width size
//if(outerWidth > ResponsiveSizes.DESKTOP_BREAKPOINT)
- html = "<strong>window.outerWidth:</strong> " + window.outerWidth + "x" + window.outerHeight + "</br>";
+ html = "<strong>Screen size (px):</strong> " + document.body.getBoundingClientRect().width + "x" + document.body.getBoundingClientRect().height + "</br>";
html += "<strong>PHONE_BREAKPOINT: </strong> " + ResponsiveSizes.PHONE_BREAKPOINT + "</br>";
html += "<strong>TABLET_BREAKPOINT:</strong> " + ResponsiveSizes.TABLET_BREAKPOINT + "</br>";
html += "<strong>DESKTOP_BREAKPOINT:</strong> " + ResponsiveSizes.DESKTOP_BREAKPOINT + "</br>";