From af1000224cb5bb90ef2a6e2d0bd908ac421e6ede Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20F=C3=BCrhoff?=
 <12294151+imagoiq@users.noreply.github.com>
Date: Tue, 31 Oct 2023 11:37:07 +0100
Subject: [PATCH] fix(documentation): Some attributes are displayed when they
 have no value on select story (#2166)

---
 .../src/stories/components/select/select.stories.ts         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/documentation/src/stories/components/select/select.stories.ts b/packages/documentation/src/stories/components/select/select.stories.ts
index c679281c5f..1cb03a7722 100644
--- a/packages/documentation/src/stories/components/select/select.stories.ts
+++ b/packages/documentation/src/stories/components/select/select.stories.ts
@@ -2,6 +2,7 @@ import type { Args, Meta, StoryContext, StoryObj } from '@storybook/web-componen
 import { html, nothing } from 'lit';
 import { useArgs } from '@storybook/preview-api';
 import { BADGE } from '../../../../.storybook/constants';
+import { ifDefined } from 'lit/directives/if-defined.js';
 
 const VALIDATION_STATE_MAP: Record<string, undefined | boolean> = {
   'null': undefined,
@@ -222,12 +223,11 @@ const Template: Story = {
       <select
         id=${id}
         class=${classes}
-        defaultValue=${args.value ?? nothing}
         ?multiple=${args.multiple}
         size=${args.multipleSize ?? nothing}
         ?disabled=${args.disabled}
-        aria-label=${useAriaLabel ? args.label : undefined}
-        aria-invalid=${VALIDATION_STATE_MAP[args.validation]}
+        aria-label=${useAriaLabel ? args.label : nothing}
+        aria-invalid=${ifDefined(VALIDATION_STATE_MAP[args.validation])}
         @change=${(e: Event) => {
           updateArgs({ value: (e.target as HTMLSelectElement).value });
         }}