Laatste [code] tag regel niet leesbaar ingeklapt scrollen

[Eraser127]

1. Welk probleem ervaar je?

Bij gebruik van de horizontale scrollbalk bij een ingeklapt [code] veld is de laatste regel niet leesbaar, omdat daar de scrollbalk zelf overheen valt. Zie: badkuip in "Het grote ESPhome topic"

2. Waarom is dat een probleem?

Omdat de laatste regel dan niet zichtbaar is en ik niet perse de hele pagina horizontaal wil scrollen bij lange code regels met een uitgeklapt [code] veld

3. Hoe vaak loop je er tegenaan?

Merkte het nu voor het eerst op.

4. Hoe ziet de ideale oplossing er voor jou uit?

Bij een ingeklapt [code] veld automatisch een lege regel onderaan toevoegen als er gescrolled word

[Hero of Time]

Je bedoelt dat je regel 7 niet kan lezen? Ik heb daar geen enkel probleem mee met Firefox 147.0.3 op Debian Sid.

Zou je op z'n minst kunnen aangeven waar je het web mee bezoekt zoals ook in de SB FAQ staat?

Vermeld vervolgens bij bugs zo veel mogelijk de volgende gegevens: platform + browser + versie, en welke (firefox) extensies en andere 3rd party add-ons zoals adblockers en security-software je hebt en of je via een proxy surft. Screenshots spreken verder boekdelen

[Felyrion]

Link even gecheckt, maar werkt hier prima. de scrollbalk komt onder de laatste regel, er niet overheen.
Getest op W11 met Firefox (147.0.3), Chrome (145.0.7632.76) en Edge (145.0.3800.58)

[Eraser127]

Excuus, Hieronder het voorbeeld. Windows 11 met Firefox 147.0.4 (64-bit). Bij Edge Versie 145.0.3800.65 werkt het wel gewoon.

[Hero of Time]

Op beide ingelogd? Custom CSS toegepast? Addons?

[Eraser127]

- Beiden ingelogd

- Custom CSS: sidebar links en uitgeschakeld

- Add-on: Tab Session Manager

Draai verder een Pi-Hole in het netwerk, maar via Firefox verder niets extra's

[ Voor 48% gewijzigd door Eraser127 op 17-02-2026 21:15 ]

[Kees]

> SB

[ACM]

Eraser127 schreef op dinsdag 17 februari 2026 @ 20:13:
Excuus, Hieronder het voorbeeld. Windows 11 met Firefox 147.0.4 (64-bit). Bij Edge Versie 145.0.3800.65 werkt het wel gewoon.

[Afbeelding]

Bij mij ziet de scrollbar er in Firefox alleen zo uit als ik over de scrollbar hover, anders is het een veel lagere scrollbar. Wellicht heb je e.o.a. instelling (voor toegankelijkheid?) ingesteld waarbij ie altijd de wijde scrollbar genereert?

[Eraser127]

Dan heb ik het misschien niet goed verwoord, maar het gaat er ook om dat het bij de hover is (zoals in het screenshot). Als ik dus met de muis de schuifbalk bedien valt deze dus over de onderste regel code.

[crisp]

Eraser127 schreef op woensdag 18 februari 2026 @ 08:43:
Dan heb ik het misschien niet goed verwoord, maar het gaat er ook om dat het bij de hover is (zoals in het screenshot). Als ik dus met de muis de schuifbalk bedien valt deze dus over de onderste regel code.

Ja, dat is een nadeel van overlay scrollbars. Helaas is er geen css property waarmee we dat gedrag kunnen sturen. Als we ruimte reserveren dan krijg je in browsers die geen overlay scrollbars hebben (o.a. chrome) dubbele ruimte, dus dat is ook geen oplossing.

Je kan zelf nog iets met custom css doen:

Cascading Stylesheet:

table.phphighlight td.phphighlightcode > div {
    padding-bottom: 10px;
}

[Eraser127]

Ok check, dus dan is het gewoon hoe Firefox dat in dit geval verwerkt? Omdat Edge dat namelijk niet doet.

[crisp]

Eraser127 schreef op woensdag 18 februari 2026 @ 09:04:
Ok check, dus dan is het gewoon hoe Firefox dat in dit geval verwerkt? Omdat Edge dat namelijk niet doet.

Ja, Edge is chrome-based en die heeft overlay scrollbars in versie 114 weer uitgezet (kon daarvoor met een css-property aangezet worden).

[Hero of Time]

Ah, dat verklaart al wat. Ik heb die optie uitgeschakeld bij mij. In about:config heb ik namelijk dit:
widget.gtk.overlay-scrollbars.enabled false
Dat zet voor mij de overlay scrollbalken uit, want ik heb er een hekel aan als scrollbalken onzichtbaar zijn.

Kijk ik er direct onder, want ik zocht op 'overlay', dan kom ik deze optie tegen:
widget.non-native-theme.win11.scrollbar.force-overlay-style
@Eraser127, kijk eens wat dat doet als je de waarde aanpast.

[Eraser127]

De optie widget.gtk.overlay-scrollbars.enabled false geeft meteen resultaat Tnx