Text in table cells -- can't figure out why it gets bigger when I click it

Help
1

I can’t figure out which CSS selector is influencing this behavior:

I have a table using the built-in table maker.

When I click a cell, the text is slightly larger than it was before, say 12pt from 10pt. When I click off, the cell goes back to the smaller size.

This behavior is messing up my clicking in table cells, obviously. A sandbox vault works as expected/desired.

I tried disabling Style Settings, which didn’t help.

I tried disabling Minimal Theme Settings plugin, which didn’t help.

I tried disabling Minimal theme, which helps.

In the Developer Tools, when I click to edit a table cell, the text’s DIV simply changes from

<div class=“table-cell-wrapper” style=“”>

to <div class=“table-cell-wrapper” style=“display: none;”>

Thanks for any suggestions what to try next.

2

So I had some conflicting CSS, of course, but a few other things were contributing to text jumping around. I thought I’d post in case they plague others.

  1. Clicking in the cell changes the state and CSS selector of the text. That seems to be changing how <br><br> are rendered. In Preview they are single; when clicked it becomes double.

  2. Same with two spaces. \s\s (in regex so you can see it) was rendering as \s in Preview but \s\s when the cell is active.

So I tidied my .md in BBEdit to do find-replace of these little messinesses, and it’s much better.