diff --git a/packages/core/src/components/drawer/drawer.tsx b/packages/core/src/components/drawer/drawer.tsx
index a31c11fee62..071e70272d3 100644
--- a/packages/core/src/components/drawer/drawer.tsx
+++ b/packages/core/src/components/drawer/drawer.tsx
@@ -146,6 +146,10 @@ export class Drawer {
     });
   }
 
+  componentDidLoad() {
+    this.onShowChanged(this.show);
+  }
+
   render() {
     return (
       <Host
diff --git a/packages/core/src/components/drawer/test/drawer.ct.ts b/packages/core/src/components/drawer/test/drawer.ct.ts
new file mode 100644
index 00000000000..f9345c5a521
--- /dev/null
+++ b/packages/core/src/components/drawer/test/drawer.ct.ts
@@ -0,0 +1,62 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { expect } from '@playwright/test';
+import { test } from '@utils/test';
+
+test('renders', async ({ mount, page }) => {
+  await mount(`<ix-drawer>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).not.toBeVisible();
+});
+
+test('show by property (initial)', async ({ mount, page }) => {
+  await mount(`<ix-drawer show>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).toBeVisible();
+});
+
+test('show by property', async ({ mount, page }) => {
+  await mount(`<ix-drawer show>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+
+  await drawer.evaluate(
+    (drawerElement: HTMLIxDrawerElement) => (drawerElement.show = true)
+  );
+
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).toBeVisible();
+});
+
+test('toggle by property', async ({ mount, page }) => {
+  await mount(`<ix-drawer show>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+
+  await drawer.evaluate(
+    (drawerElement: HTMLIxDrawerElement) => (drawerElement.show = true)
+  );
+
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).toBeVisible();
+
+  await drawer.evaluate(
+    (drawerElement: HTMLIxDrawerElement) => (drawerElement.show = false)
+  );
+
+  await expect(drawer).not.toBeVisible();
+});