स्क्रॉलबार उस पर बैठने के बजाय सामग्री को आगे बढ़ाता है

शिप

5 सितंबर 2026 को 8:43 pm बजे UTC

लेखक

Kamo

Commit

8a3c8aa

पिछले 32px पर बार चित्रकारी पृष्ठभूमि पर ठीक है - लांचपैड का वॉलपेपर मन नहीं है - और हर जगह गलत है। एक चैट लॉग में यह जमीन पर उतरता है संदेश बुलबुले; नौसेना रेल में यह आइकन पर उतरता है। अब सामग्री चलती है, और ब्राउज़र यह क्या चल रहा है। मूल स्क्रॉलबार यह 32px तक चौड़ा है और पूरी तरह से पारदर्शी रंगा हुआ है। इसलिए ब्राउज़र वास्तव में गटर को सुरक्षित रखता है क्योंकि यह हमेशा होता है, और हमारी बार है उस गटर पर खींचा - जो काम करता है क्योंकि गटर अंदर रहता है पैडिंग बॉक्स, और पैडिंग बॉक्स वह है जो पहले से ही ओवरले को मापता है। `padding-inline-end` के बजाय इस तरह से आरक्षित करना विस्तार से नहीं है: - `sx` prop को हराने के लिए कोई `sximant` की आवश्यकता नहीं है, और यह अनुमान नहीं लगाया जा सकता है कि पैडिंग क्या है? पहले से ही पैनल ले जाया गया। पैडिंग नियम का एक पिछला उपयोगकर्ता, पृष्ठ AuthedChrome में स्क्रॉलर, इसे देता है और एक ही परिणाम प्राप्त करता है। - यह एक बार में प्रत्येक स्क्रॉलर पर लागू होता है, एक बार में एक ऑप्ट-इन के बजाय। - अंतरिक्ष केवल तभी लिया जाता है जब तत्व स्क्रॉल हो जाता है। एक पैनल जिसका सामग्री फिट अपनी पूरी चौड़ाई रखता है - जो कोई पैडिंग नियम का प्रबंधन नहीं कर सकता है, और जो एक गटर को संरक्षित करने और प्रत्येक के 32px खोने के बीच अंतर है एप्लिकेशन में हमेशा के लिए चिह्नित तत्व। `data-kamo-scrollbar="off"` अभी भी बार और गटर को दबा देता है, इसलिए एक टैब पट्टी जिसका तीर और फीका बढ़त है वहन उसकी पूरी ऊंचाई वापस हो जाता है। एक ब्राउज़र में चेक, jsdom में नहीं, जो कोई लेआउट नहीं करता है और नहीं देख सकता है सभी पर स्क्रॉलबार: एक चैट लॉग (बार से स्पष्ट बुलबुले), एक 80px नौसेना रेल (आइकन) छोड़ दिया धक्का, कवर नहीं), एक पैनल है कि स्क्रॉल नहीं है (इसकी पृष्ठभूमि अभी भी सही किनारे तक पहुंचता है, इसलिए कुछ भी आरक्षित नहीं था) और 250px पॉपओवर। फायरफॉक्स एक अपूर्ण मामला है - यह अपने स्वयं के संकीर्ण गटर को सुरक्षित रखता है, इसलिए इसे कुछ पिक्सलों में ओवरहैंग करें।.