Scrollbar becomes invisible on IOS 15 safari inside flexbox with overflow: auto
تبليغيرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.
Why firefox on linux shows the scrollbar on the following text box, but Safari on IOS 15 does not? (removing display: flex or overflow: auto makes the scrollbar visible again).
How can I make it visible on IOS Safari too?
height: 200px;
display: flex;
flex-direction: column;
}
#tbox {
overflow: auto;
}
<div id=”wrapper”>
<div id=”tbox”>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu odio sit amet elit molestie fringilla. Maecenas vitae nunc quis diam finibus laoreet sed sed justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Cras posuere arcu orci, ut fermentum lectus vehicula sed. Suspendisse potenti. Integer venenatis diam erat, in maximus mauris varius nec. Nunc eget ante urna. Quisque at ullamcorper tortor. Proin pharetra scelerisque ante, quis tempus tellus interdum
eget. Duis eget tellus at tellus sagittis eleifend auctor ut dolor. Aenean eget sodales metus, nec luctus metus. Maecenas turpis lorem, condimentum in diam non, lobortis molestie nunc. Vivamus et lacus eu odio ultrices molestie. Etiam auctor pharetra
fringilla. Nulla placerat ultricies risus, eget ultricies dolor volutpat vitae. Aliquam auctor suscipit eros et bibendum. Pellentesque lectus metus, dignissim vel sodales ut, dignissim et augue. In lacinia quam nec mauris faucibus, euismod commodo
neque pulvinar. Aliquam erat volutpat. Fusce ornare magna vitae pulvinar dapibus. Pellentesque in fringilla est. Quisque feugiat imperdiet facilisis. Morbi at sem vitae neque feugiat semper eget vel arcu. Nunc dolor orci, interdum quis odio non,
iaculis interdum dui. Quisque quis felis libero. Mauris quis odio a quam mollis vulputate sed ultricies nibh. Ut ullamcorper turpis id hendrerit lacinia. Vivamus scelerisque lacus ac nunc tempus, vel volutpat arcu dictum. Duis at tortor vel magna
consectetur molestie. Sed in enim at ligula rhoncus iaculis ut at nibh. In id eros nunc. Praesent ac tellus dui. Phasellus porta, arcu non dictum viverra, ligula urna venenatis urna, non aliquet ipsum nunc in augue. Cras sit amet justo commodo,
dictum libero quis, efficitur arcu. Nam et auctor sem. Nulla laoreet euismod ornare. Integer laoreet quam id vehicula elementum. Donec in augue sodales, accumsan nibh non, cursus enim. Mauris in fringilla est. Mauris dictum rhoncus accumsan. Suspendisse
in interdum diam. Ut vel magna blandit, tristique sapien quis, sodales justo. Ut ac varius quam. Ut sed dolor sapien. Aenean fringilla ligula eu urna egestas, in gravida tortor vestibulum. Duis blandit sodales nulla, eget semper risus fringilla
at. Duis tempus felis a feugiat mollis. Etiam at molestie tortor, ut egestas eros. Cras ac mauris nec nibh sollicitudin elementum. Pellentesque mattis tellus tortor, eu feugiat elit finibus non. In dictum feugiat massa non euismod. Nulla facilisi.
</p>
</div>
</div>
أضف إجابة