jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix section view crashing on old iPads (#21932)

Browse Source
This commit is contained in:
Paul Bottein 2024-09-09 12:30:27 +02:00 committed by GitHub
parent f09e0d187b
commit 5a7a71c551
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/panels/lovelace/views/hui-sections-view.ts
View File

@ -12,6 +12,7 @@ import { customElement, property, state } from "lit/decorators";
import { classMap } from "lit/directives/class-map";
import { repeat } from "lit/directives/repeat";
import { styleMap } from "lit/directives/style-map";
import { clamp } from "../../../common/number/clamp";
import "../../../components/ha-icon-button";
import "../../../components/ha-sortable";
import "../../../components/ha-svg-icon";
@ -56,6 +57,8 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
callback: (entries) => {
const totalWidth = entries[0]?.contentRect.width;
if (!totalWidth) return 1;
const style = getComputedStyle(this);
const container = this.shadowRoot!.querySelector(".container")!;
const containerStyle = getComputedStyle(container);
@ -72,7 +75,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
(totalWidth - padding + columnGap) / (minColumnWidth + columnGap)
);
const maxColumns = this._config?.max_columns ?? DEFAULT_MAX_COLUMNS;
return Math.max(Math.min(maxColumns, columns), 1);
return clamp(columns, 1, maxColumns);
},
});