bug: some elements report a 0x0 bounding box in playwright / inspector about liquid HOT 1 CLOSED

-import { useRef } from "react";
+import { useRef, useState } from "react";
import {
  LdButton,
  LdModal,
  LdTypo,
  LdSelect,
  LdOption
} from "@emdgroup-liquid/liquid/dist/react";
import "./styles.css";
import { defineCustomElements } from "@emdgroup-liquid/liquid/dist/loader";
import "@emdgroup-liquid/liquid/dist/css/liquid.global.css";

export default function App() {
  defineCustomElements();
  const modalRef = useRef(null);
  const tetherOptions = {
    bodyElement: modalRef.current,
    constraints: [{ to: "scrollParent" }]
  };
+ const [open, setOpen] = useState(false)
  return (
    <div className="App">
-     <LdModal ref={modalRef} tetherOptions={tetherOptions}>
+     <LdModal
+       ref={modalRef}
+       tetherOptions={tetherOptions}
+       open={open}
+       onLdmodalclosed={() => setOpen(false)}>
        <LdSelect
          filter
          placeholder={"select"}
          name={"filter"}
          mode="detached"
          tetherOptions={tetherOptions}
        >
          <LdOption key={0} value={"test"} selected={false} disabled={false}>
-           <LdTypo variant="h6">test</LdTypo>
+           test
          </LdOption>
        </LdSelect>
      </LdModal>

-     <LdButton onClick={() => modalRef.current.showModal()}>
+     <LdButton
+       onClick={() => {
+         setOpen(true)
+       }}>
        Open Modal
      </LdButton>
    </div>
  );
}

import {expect, test} from "@playwright/test";

test('Custom Filter: Selected Filters Area', async ({page}) => {
  await page.goto('./');
- await page.locator('_react=LdButton').click();
- await page.locator('_react=LdSelect').click();
- let test = await page.locator('_react=LdSelect')
-     .locator("_react=LdOption")
-     .nth(0)
-     .click();
+
+ await page.getByRole('button', { name: 'Open Modal' }).click();
+
+ await page.getByLabel('select').click();
+ await page.getByRole('option', { name: 'test' }).click();
+
+ await page.getByLabel('test').click();
+ await page.getByRole('option', { name: 'test' }).click();
+
+ await page.getByLabel('Dismiss').click();
});