Actual behavior:
Expected behavior:
Problem description:
This is caused due to a styling assumption based on the DOM structure, that was broken due to a new Tabster version.
The new version now injects a phantom div into the DOM, breaking the styling assumption that any CardPreview that is :first-child of a Card component, should have their margin-top removed.
CSS selector used in Card: > .fui-CardPreview:first-child
New breaking DOM structure:
<div class="fui-Card" >
<div tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; top: -100500px; left: -100500px; opacity: 0; z-index: -1; --tabster-dummy-input:yes;"></div>
<div class="fui-CardPreview">{...}</div>
<div class="fui-CardHeader">{...}</div>
<div tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; top: -100500px; left: -100500px; opacity: 0; z-index: -1; --tabster-dummy-input:yes;"></div>
</div>
Actual behavior:
Expected behavior:
Problem description:
This is caused due to a styling assumption based on the DOM structure, that was broken due to a new Tabster version.
The new version now injects a phantom div into the DOM, breaking the styling assumption that any CardPreview that is :first-child of a Card component, should have their margin-top removed.
CSS selector used in Card:
> .fui-CardPreview:first-childNew breaking DOM structure: