Possible duplicate of T205492
Steps to reproduce:
- Open the Opera Mini client and make sure its Data Savings mode is set to Extreme.
- Open this URL: https://en.m.wikipedia.org/wiki/Opera_Mini
- Scroll 'Preview releases' section and find the mentioned table
Actual result:
The contents of the table are overflown (see attached image)
Expected result:
The contents of the table are displayed properly.
Developer Notes
- go to settings and data savings and select "Extreme" from dropdown to turn on data savings mode.
display: flex CSS rule is used for many parts of this table, and it is known to work incorrectly in Opera Mini's Extreme mode.
by making use of a "supports query" we could limit these rules to browsers that support display:flex (at cost of those that do not support the supports query) https://gerrit.wikimedia.org/r/452840. This would break tablet support for IE11 (https://caniuse.com/#feat=css-supports-api) but is probably worth it given the larger market share of Opera Mini (about 1.3% of mobile page views compared to IE (all versions prior to Edge) 0.2% [1])
[1] Calculated by looking at a week's worth of data inside turnilo.wikimedia.org