Die Messung auscca29a4hat beide Ursachen gezeigt (Chat kürzer als der Bildschirm, verkleinerte Seite mit Hineinzoomen beim Tippen). Nach1a09bebzeigt sie am iPhone: Maßstab bleibt beim Tippen 0,85, Fenster 1002 px, Leiste unten. diag-hoehe.js, routes/diagHoehe.js, die Zeile in server/index.js und test/diagHoehe.test.js sind raus; server/index.js ist wieder wie vor der Messung. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
20 lines
1.3 KiB
JavaScript
20 lines
1.3 KiB
JavaScript
import { test } from 'node:test'
|
|
import assert from 'node:assert/strict'
|
|
import { lies, handyTeil } from './support/knHuelle.js'
|
|
|
|
// iPhone-App vom Home-Bildschirm (Messung 2026-10-29): ist die Seite im Chat kürzer als der Bildschirm, macht iOS 26 das Fenster rund 60 pt kleiner
|
|
// und die Leiste steht zu hoch. Am Handy muss die Spalte im Chat daher mindestens volle Bildschirmhöhe haben, wie in den anderen Bereichen.
|
|
test('huelle.css: am Handy hat die Spalte im Chat mindestens volle Höhe (100vh, dann 100lvh), am Desktop bleibt min-height 0', () => {
|
|
const css = lies('huelle.css')
|
|
const handy = handyTeil(css)
|
|
assert.match(handy, /\.kn-spalte:has\(#bereich-chat:not\(\[hidden\]\)\) \{ display: block; height: auto; min-height: 100vh; min-height: 100lvh; \}/)
|
|
const desktop = css.slice(0, css.indexOf('.kn-spalte:has(#bereich-chat:not([hidden])) { display: block'))
|
|
assert.match(desktop, /\.kn-spalte:has\(#bereich-chat:not\(\[hidden\]\)\) \{ display: flex;[^}]*min-height: 0; \}/)
|
|
assert.match(css, /\.kn-spalte \{ position: relative; min-height: 100vh;/)
|
|
})
|
|
|
|
test('huelle.js: der alte Höhen-Wächter und die vorübergehende Messung sind wieder weg', () => {
|
|
const js = lies('huelle.js')
|
|
assert.doesNotMatch(js, /beobachteHoehe|'\.\/hoehe\.js'|starteDiagHoehe|diag-hoehe/)
|
|
})
|