diff --git a/example/demo1.html b/example/demo1.html
index a027bf7a..655d5358 100644
--- a/example/demo1.html
+++ b/example/demo1.html
@@ -2,7 +2,7 @@
-
+
vConsole/Demo1
@@ -12,7 +12,7 @@
-
+
diff --git a/src/core/core.less b/src/core/core.less
index 78fa0752..ac56b3a5 100644
--- a/src/core/core.less
+++ b/src/core/core.less
@@ -107,6 +107,8 @@
right: 0;
bottom: 40em / @font;
-webkit-overflow-scrolling: touch;
+ margin-bottom: constant(safe-area-inset-bottom);
+ margin-bottom: env(safe-area-inset-bottom);
}
.vc-content.vc-has-topbar {
top: 71em / @font;
@@ -514,6 +516,12 @@
border: none;
}
}
+ @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
+ .vc-toolbar {
+ bottom: constant(safe-area-inset-bottom);
+ bottom: env(safe-area-inset-bottom);
+ }
+ }
}