Comments (2)
It looks like the bug is caused by BCD tables being wrapped in figure.table-container > figure.table-container-inner
and other tables are not wrapped in the figure.table-container-inner
:
I don't know why we set a negative horizontal margin on the outer container and a padding on the inner container, but the fact that the inner container is missing on that blog table causes it to overflow by 1.5rem on each side.
from yari.
I have a (related) issue with tables I came across while working on Vultr's post on MDN Blog.
As a quick fix for now, I've replaced the tables with screenshots (not an ideal solution) so that the article remains responsive on mobile devices. Replacing pre-formatted tables (as the one below) with HTML or markdown equivalents was not helping.
Here's one of the tables that was causing the article to be unresponsive:
```bash
┌────┬─────────────────┬─────────────┬─────────┬─────────┬──────────┬────────┬──────┬───────────┬──────────┬──────────┬──────────┬──────────┐
│ id │ name │ namespace │ version │ mode │ pid │ uptime │ ↺ │ status │ cpu │ mem │ user │ watching │
├────┼─────────────────┼─────────────┼─────────┼─────────┼──────────┼────────┼──────┼───────────┼──────────┼──────────┼──────────┼──────────┤
│ 0 │ express-demo │ default │ 1.0.0 │ cluster │ 3712 │ 6m │ 0 │ online │ 0% │ 53.4mb │ root │ disabled │
│ 1 │ express-demo │ default │ 1.0.0 │ cluster │ 3722 │ 6m │ 0 │ online │ 0% │ 53.8mb │ root │ disabled │
│ 2 │ express-demo │ default │ 1.0.0 │ cluster │ 3732 │ 6m │ 0 │ online │ 0% │ 51.6mb │ root │ disabled │
│ 3 │ express-demo │ default │ 1.0.0 │ cluster │ 3742 │ 6m │ 0 │ online │ 0% │ 53.6mb │ root │ disabled │
└────┴─────────────────┴─────────────┴─────────┴─────────┴──────────┴────────┴──────┴───────────┴──────────┴──────────┴──────────┴──────────┘
```
from yari.
Related Issues (20)
- The image flaw check function can not correctly handle the raw non-uri-encoded image src HOT 2
- APIRef macro adds duplicate related entries in sidebar
- Footer box is merged with the Specifications table HOT 1
- Copy to clipboard not working for interactive examples HOT 2
- Change alt/tooltips to include the browser name due to long lists
- Contrast issue with the background-color of <code> elements HOT 2
- gradient formal syntax is missing conic-gradient() and <repeating-conic-gradient()> HOT 3
- "appliesto" from mdn/data does not correctly render in {{CSSInfo}} macro HOT 3
- Baseline status banner checkmarks are incorrect when there's a difference between desktop and mobile support HOT 1
- Overflow issue on Video Codecs page
- "Home" and "End" keys don't work in the search bar HOT 3
- Loop redirection between two URLs HOT 4
- Trailing slash on void element HOT 4
- Title
- Horizontal overflow on the blog pages
- Search bar on https://developer.mozilla.org has no scroll bar and other issues HOT 3
- Excessive Header Size HOT 2
- Opening a specific section in a new tab or window, or from the address bar, doesn't scroll to that section HOT 8
- Add guide to CSS sidebar
- Add and fix Japanese translations in the `{{AvailableInWorkers}}` macro
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from yari.