Chart page: Fix wrong height inside popups, popovers & sheets on iOS (#…

…2991) Fixes known limitation from #2717. Reported on the community: https://community.openhab.org/t/openhab-4-3-release-discussion/160888/155?u=florian-h05 Signed-off-by: Florian Hotze <[email protected]> (cherry picked from commit 7034ad9)
openhab · Jan 8, 2025 · 6dc0738 · 6dc0738
1 parent 6289ac9
commit 6dc0738
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/chart/oh-chart-page.vue b/bundles/org.openhab.ui/web/src/components/widgets/chart/oh-chart-page.vue
@@ -25,6 +25,9 @@
 .device-ios /* fix chart rendering issues on iOS >= 17.4 */
   .oh-chart-page-chart
     --oh-chart-page-height calc(100dvh - var(--f7-safe-area-top) - var(--f7-safe-area-bottom) - var(--f7-navbar-height)) /* use dvh because with % the height is calculated to 0px and ECharts fails to render */
+  .popup, .popover, .sheet-modal-inner /* do not apply the above fix inside popups, popovers and sheets */
+    .oh-chart-page-chart
+      --oh-chart-page-height calc(100% - var(--f7-safe-area-top) - var(--f7-safe-area-bottom) - var(--f7-navbar-height))
 </style>
 
 <script>