Eine Scrollleiste auf einem Datenraster, nicht zwei

Fixkamo-internal
Shipped
6. September 2026 um 08:16 UTC
Author
Kamo
Commit
7bca2f4

Jedes Raster in der App zeichnete zwei vertikale Balken - unsere und die Bibliothek, Seite von Seite. Gemessen an /leads: unsere bei x"[868,900], ag-Grid's bei x"[900,915]. ag-Grid und die MUI DataGrid scrollen nicht mit einer Bar auf ihrem Scrollport. Beide Verstecken Sie das und bauen Sie ein ZWEITEs Element daneben - ".ag-body-vertical-scroll", ************ - mit einer echten Plattformleiste drin, synchronisiert die zwei auf jeder Schriftrolle. Die Marker-Liste nannte die Scrollports, so dass die App gemalt seine Bar über die letzten 32px der Zellen, während die Bibliothek hielt Zeichnung neben es. Die Grinne-Verbreiterungsregel hätte das nie verhindern können: ag-Grid-Sets "Scrollbar-Breite: keine !wichtig" auf dem Scrollport, so gab es keine Dachrinne dort zu erweitern, was auch ist, warum unsere Bar saß auf den Zellen statt neben sie. Diese zweiten Elemente tragen jetzt den Marker. Jeder ist ein echter Scroller, dessen scrollTop die Bibliothek Uhren, so dass eine Bar über einem gemalt treibt das Gitter genau wie die Bar der Plattform, und es landet in einem Streifen das Gitter bereits Reserven. - Beide Gitter werden nach einem 32px-Streifen gefragt, in KamoAgGrid, ************ zum Thema. Als ein Option statt CSS, weil die Zahl ist auch, was jedes Gitter subtrahiert Aus dem Raum sind seine Säulen angelegt. - Die Taktung im Inneren des Streifens wird entfernt und nicht weggefärbt: dies Die Dachrinne ist das der Bibliothek und braucht keine native Bar, um sie offen zu halten. ag-Grids zwei horizontale Abstandsdezer gehen mit ihm "overflow-x: scroll" rein das Band liest sich wie eine Bar über die angehefteten Säulen, und bei 32px waren sie zwei Stubs von Plattform-Scrollleiste auf beiden Seiten von uns, sichtbar auf /accounts. - Beide Bibliotheken markieren das Widget "aria-hidden", das auch das Signal dieser App ist dass etwas vor einen Scroller gestellt wurde; OverlayGeometrie schließt aus diese mit Namen, und alles andere Arie versteckt steht noch die Messlatte nach unten. - Wo die Plattform schwebt ihre Balken statt reserviert eine Säule, ag-Grid folgt; globals.css legt die Säule zurück, weil eine 32px-undurchsichtige Bar braucht einen. Die DataGrid-Streifen schweben über den Reihen auch dann, so sind sie in der Raster-eigenen Hintergrund Token gemalt. Veredelt in einem echten Browser (eine Sondenseite mit sechs Rastern, klassisch und Overlay Scrollbalken): eine Bar pro Achse, in einem eigenen Streifen, keine native Bar links; die Bar treibt das Gitter und folgt ihm; keine Bar, wo nichts überläuft; gepinnte Spalten clean. oneScrollbar heftet jetzt beide Hälften der Invariante und versagt bei einem Marker fällt von beiden Listen.

All changes

Wie, was Sie sehen Versand?

Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.

Free Forever startenPreisgestaltung anzeigen