n8design/htwoo

Add min-height to hoo-meta-list

Closed this issue · 2 comments

Is your feature request related to a problem? Please describe.
When a hoo-meta-list is empty, it occupies zero height. When a tag is added, the height changes and can cause other elements to move.

Describe the solution you'd like
To reserve the height for the meta list with

.hoo-meta-list {
  min-height: 2.75rem; /* hoo-mtag height + margin */
}

Additional context
While developers that do not want this behaviour can choose to not render the hoo-meta-list at all when it is empty, i realize this may be a minor breaking change that you may not want at this time or at all. Just putting my humble feature request on the issue tracker.

FYI, so far I have done something bespoke for my app that makes this feature moot.