Change Details

Steps to reproduce: 1. Open the Opera Mini client and make sure its Data Savings mode is set to Extreme. 2. Open this URL: https://en.m.wikipedia.org/wiki/Opera_Mini 3. Scroll 'Preview releases' section and find the mentioned table Actual result: The contents of the table are overflown (see attached image){F24891936}. Expected result: The contents of the table are displayed properly. Notes: `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.

Steps to reproduce: 1. Open the Opera Mini client and make sure its Data Savings mode is set to Extreme. 2. Open this URL: https://en.m.wikipedia.org/wiki/Opera_Mini 3. Scroll 'Preview releases' section and find the mentioned table Actual result: The contents of the table are overflown (see attached image){F24891936}. 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 IE11's 0.2% [1]) [1] Calculated by looking at a week's worth of data inside turnilo.wikimedia.org

Steps to reproduce: 1. Open the Opera Mini client and make sure its Data Savings mode is set to Extreme. 2. Open this URL: https://en.m.wikipedia.org/wiki/Opera_Mini 3. Scroll 'Preview releases' section and find the mentioned table Actual result: The contents of the table are overflown (see attached image){F24891936}. 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 IE11's 0.2% [1]) [1] Calculated by looking at a week's worth of data inside turnilo.wikimedia.org