testimonials 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8c80625525a966ca2c3b5000a484ce06e6cb7068a957aa4ae715dbe8dda2670f
-  data.tar.gz: 79f65cc1e5bee6db4f3ab5269aa41eed082fd244fcf8d84404322118020aa502
+  metadata.gz: 309373c0011231499172ab20a6b84e8d399e396500bab2a084574868176592ab
+  data.tar.gz: 838980f3fab1d43dace344a2a37d82a25c87d670a16d16b8e2303516c5735c91
 SHA512:
-  metadata.gz: 67cf4cad0a6123f44dbb91fd08b77cf29648777d8312e895758ba3891fb5476f9ed2c82a84956c23261f17f0ee3fc22f0373276664e7ecf769a724581d9d6ff5
-  data.tar.gz: 2407c9a00e87e009d0cd3447259e75987396e4663bbd19fee8e87a6ba8d9c02ee7e883a59a144a76ce362355c091c7020a081b0f703c6989009dc01cbd46b3e1
+  metadata.gz: 239c0d79748f8424c2e2fe063fcd541430e06fce52a7ae7b9bc18b35141c71889278c89a1fa9a602b3ae8a22675985d7fd12cc7dbb417e8aa1b5e3625046b27d
+  data.tar.gz: c407a4d0f78f5690aa8b1694236023869211a526e07cc1221949b6994fe73d09058b194739e654f8ecfe0b04a5d1541455dd5d203b6ecb40c4adc3f61360ce68

data/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.1.2
+
+- The widget dialog goes full-screen on mobile (no bottom sheet, no animations):
+  inputs render at 16px to prevent iOS focus-zoom, the action row gains
+  safe-area padding, and the dialog's scroll is contained (no page rubber-banding).
+
 ## 0.1.1
 
 - Repository renamed to [yshmarov/testimonials](https://github.com/yshmarov/testimonials);

data/lib/testimonials/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Testimonials
-  VERSION = '0.1.1'
+  VERSION = '0.1.2'
 end

data/lib/testimonials/widget.js

@@ -1035,6 +1035,22 @@
       ".tml-record-label,.tml-chip-remove{color:#3b82f6}",
       ".tml-chip{background:rgba(59,130,246,.12)}",
       ".tml-hint,.tml-nps-legend,.tml-record-hint{color:#9aa2ab}",
+      "}",
+      // The dialog is the scrollable region; keep its scroll from chaining
+      // into the host page (rubber-banding through the backdrop on touch).
+      "#tml-dialog{overscroll-behavior:contain}",
+      // Full-screen on mobile — no bottom sheet, no animation. Placed last,
+      // with selectors at least as specific as the desktop rules above, so
+      // these declarations win the cascade at equal specificity.
+      "@media (max-width:480px){",
+      "#tml-overlay{padding:0;align-items:stretch;justify-content:stretch}",
+      "#tml-dialog{left:0;right:0;top:0;bottom:0;width:100%;max-width:none;",
+      "height:100vh;height:100dvh;max-height:100dvh;border-radius:0;margin:0}",
+      // 16px stops iOS Safari's auto-zoom when a field gets focus.
+      "#tml-dialog textarea,#tml-dialog input[type=text],#tml-dialog input[type=email],#tml-dialog select{font-size:16px}",
+      // The action row has no padding of its own; give it the home-indicator
+      // safe area so Submit/Cancel never sit under the bar.
+      "#tml-dialog .tml-actions{padding-bottom:calc(0px + env(safe-area-inset-bottom))}",
       "}"
     ].join("");
     var style = document.createElement("style");

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: testimonials
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Yaroslav Shmarov