From 71a4c874c246dfa29b062dba10505d4626103708 Mon Sep 17 00:00:00 2001
From: Travis Reeder <treeder@gmail.com>
Date: Tue, 13 Oct 2026 23:44:58 -0700
Subject: [PATCH 1/2] fix(select): support full width layout on host and
 wrapper

---
 select/select.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/select/select.js b/select/select.js
index e5d7586..e2b5576 100644
--- a/select/select.js
+++ b/select/select.js
@@ -765,6 +765,7 @@ export class Select extends selectBaseClass {
       .wrapper {
         color: unset;
         min-width: 160px;
+        width: 100%;
         display: flex;
       }
       .field {
@@ -822,9 +823,11 @@ export class Select extends selectBaseClass {
       .field,
       .select {
         width: 100%;
+        min-width: 0;
       }
       :host {
         display: inline-flex;
+        width: 100%;
       }
       :host([disabled]) {
         pointer-events: none;

From 51c32a8254ea134f10fd62984c36bb8624be2fff Mon Sep 17 00:00:00 2001
From: Travis Reeder <treeder@gmail.com>
Date: Tue, 13 Oct 2026 23:58:43 -0700
Subject: [PATCH 2/2] fix(layout): align select and text-field with Material 3
 inline-flex standards

---
 select/select.js   | 1 -
 text/text-field.js | 1 -
 2 files changed, 2 deletions(-)

diff --git a/select/select.js b/select/select.js
index e2b5576..8bc566a 100644
--- a/select/select.js
+++ b/select/select.js
@@ -827,7 +827,6 @@ export class Select extends selectBaseClass {
       }
       :host {
         display: inline-flex;
-        width: 100%;
       }
       :host([disabled]) {
         pointer-events: none;
diff --git a/text/text-field.js b/text/text-field.js
index 897f623..94b7ac2 100644
--- a/text/text-field.js
+++ b/text/text-field.js
@@ -791,7 +791,6 @@ __decorate([
         resize: both;
         text-align: start;
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-        width: 100%;
       }
 
       .field {