question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dropdown content box in bc tables not filling entire table width

See original GitHub issue

While I was working on some alignment with the star icons in bc tables, I noticed the dropdown content box doesn’t occupy the entire width of the table which seemed a bit odd. This might not be an issue, but I wanted to bring it up just in case.

It’s reproduced for other pages but in the bc table on :nth-child() - CSS is where the screenshot from below comes from.

Screen Shot 2021-01-25 at 10 25 42 PM

From what I can see, this is intended for the text to have max-width: 75ch

Screen Shot 2021-01-25 at 10 28 09 PM

What are your thoughts on keeping max-width for the text but have the background color still occupy 100% width of the table cell like the “Matches element with no parent” box does shown in the picture.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:13 (13 by maintainers)

github_iconTop GitHub Comments

1reaction
schalkneethlingcommented, Apr 22, 2021

I am going to implement a fix that will resolve both this one as well as https://github.com/mdn/yari/issues/3076 Thanks so much for all the info @tannerdolby - I will ping you for review once ready seeing that you have played such a big role here and also understand the entire context.

1reaction
schalkneethlingcommented, Apr 21, 2021

@schalkneethling I’ve navigated about 50 pages with BCD tables and I noticed quite a few still had the issue.

I can provide the full list of pages that need fixes if you need me too.

Thanks so much for looking into this. It is so weird that some are fine and some are not, especially seeing that I did nothing to “fix” those that are 🙃 Anyhow, I will look into what is different between these. Thanks again.

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS expand dropdown to fill the remaining space in fixed ...
My table cell has fixed width and contains select ...
Read more >
How to Fix Excel Data Validation Drop Down List Too Wide
Excel data validation drop down list is much wider than the worksheet column it is in. Suggested steps to fix the problem.
Read more >
How to Change Drop-down Width and Font Size in Excel
The simple solution is to widen the column that the drop-down box is in. You can adjust the column manually by dragging the...
Read more >
Work with Tables - Province of British Columbia - Gov.bc.ca
Insert a Table · Open the Table Properties · Change the Headers option · Deselect Enable Sort and Search · Close the Table...
Read more >
Excel Table Appears to Automatically Expand but drop down ...
I used Excel 2013. I created a drop-down list that is based on an Excel Table via the Data Validation button on the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found