This
happens in the Alphaaffects recent versions of the
AndroidiOS app and
in the new mobile-html endpoint,Android app. and possibly more platformsI first noticed it in the new mobile-html endpoint when the viewport is wider than 720px.
Depending on the width of the browser window or device
, infoboxes appear too narrow. Most infobox tables (e.g. [[ https://en.wikipedia.org/wiki/Template:Taxobox/core | Template:Taxobox/core ]]) specify a width of 200px inline. After making the window smaller than 720px a media query kicks in to make the table bigger.
Example: https://en.wikipedia.org/api/rest_v1/page/mobile-html/Cat
```lang=html
<table class="infobox biota" style="text-align: left; width: 200px; font-size: 100%">
```
```lang=css
@media (max-width: 720px)
.content table {
display: block;
width: 100% !important;
}
```
{F24619679}
The problem is that it leads to the table having a horizontal scrollbar:
{F24643724}
(I'm not sure why the width of the table is set inline to 200px.)
This doesn't happen when the window is smaller:
{F24619716}