fix(layout): align select and text-field with Material 3 inline-flex standards

[treeder]

Summary

Align <md-select> and <md-text-field> with Material Design 3 and Web Standards:
• Form control host elements retain display: inline-flex with intrinsic width (no forced width: 100% on :host), allowing natural inline/side-by-side usage.
• <md-select> inner .wrapper now expands to width: 100% with min-width: 0 on .field, .select, ensuring the internal field container properly responds whenever the element is stretched by parent layouts (e.g. flex column forms) or explicit width: 100%.

Key Changes

• select/select.js:

• Set width: 100% on internal .wrapper so the field scales to the host width rather than staying clamped at 160px.
• Set min-width: 0 on .field, .select to prevent horizontal overflow in flex/grid layouts.
• Kept :host as standard display: inline-flex without hardcoded width: 100%.
  • text/text-field.js:
• Removed non-standard width: 100% from :host, restoring standard display: inline-flex behavior matching <md-select> and Material 3 specifications.

[cloudflare-workers-and-pages]

🚀 Deploying Preview to Cloudflare 🚀

Preview URL: https://fix-select-full-width-material.treeder.workers.dev (commit 51c32a8)

This URL reflects your latest Preview deployment

Preview Deployments by commit

Status	Deployment URL	Commit	Updated (UTC)	See this deployment's details
Build: Success ✅ Deployment: Success ✅ View logs ↗	https://d5edfe92-material.treeder.workers.dev	51c32a8	2026-10-14T06:59:05.442Z	Visit the dashboard ↗
Build: Success ✅ Deployment: Success ✅ View logs ↗	https://542c0bce-material.treeder.workers.dev	71a4c87	2026-10-14T06:45:30.484Z	Visit the dashboard ↗

[github-actions]

📋 Review Summary

This pull request updates the styling for md-select to set default full-width (width: 100%) on the host element and inner .wrapper, whilst also adding min-width: 0 on .field and .select. This aligns the layout behaviour of md-select with md-text-field across responsive forms and flex containers, preventing horizontal overflow when text content expands.

🔍 General Feedback

• Setting width: 100% on :host and .wrapper ensures consistent sizing and behaviour between md-select and md-text-field when placed inside form layouts and flex columns.
• Applying min-width: 0 to .field and .select adheres to CSS flexbox best practice, ensuring the elements can shrink properly inside flex containers without causing unexpected layout overflow.
• The changes are clean, minimal, and follow existing styling patterns in the repository.

📊 Token Usage & Cost Efficiency

Metric	Value
Input Tokens (uncached)	31,192
Input Tokens (cached)	421,430 (⚡ 93.1% cached)
Thinking / Reasoning Tokens	11,917
Output Tokens	234
Total Session Tokens	464,773
Cost (uncached input)	$0.0234
Cost (cached input)	$0.0316
Cost (thinking / reasoning)	$0.0447
Cost (response output)	$0.0009
Estimated Total Cost	$0.1006

Gemini 3.8 Flash: introductory rate $0.75/$3.75 per 1M applied; reverts to $1.5/$7.5 after 2026-12-31.
Gemini 3.8 Flash: standard tier; batch and flex are half again, priority is higher.
Cache reads are priced here, but context-cache STORAGE, where the model charges for it separately per token-hour, is not included, so the figure can run slightly low.