Skip to content

fix(web-components): slotted elements within fluent-text-input can't be focused#31903

Merged
chrisdholt merged 2 commits intomicrosoft:masterfrom
radium-v:users/radium-v/text-input-events
Jul 2, 2024
Merged

fix(web-components): slotted elements within fluent-text-input can't be focused#31903
chrisdholt merged 2 commits intomicrosoft:masterfrom
radium-v:users/radium-v/text-input-events

Conversation

@radium-v
Copy link
Contributor

@radium-v radium-v commented Jul 2, 2024

Previous Behavior

The focusin and click handlers don't allow events from slotted start and end elements to be handled.

New Behavior

This PR updates focusinHandler and clickHandler methods to return true so FAST's event binding doesn't automatically prevent default. This should allow events from start/end slotted elements to be focusable and clickable.

Related Issue(s)

@radium-v radium-v requested a review from a team as a code owner July 2, 2024 18:10
@fabricteam
Copy link
Collaborator

fabricteam commented Jul 2, 2024

📊 Bundle size report

✅ No changes found

@mohamedmansour
Copy link
Contributor

lgtm

@chrisdholt chrisdholt enabled auto-merge (squash) July 2, 2024 18:30
@chrisdholt chrisdholt merged commit fc77b9b into microsoft:master Jul 2, 2024
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 3, 2024
* master: (45 commits)
  Added unit testcases for sparkline chart. (microsoft#31843)
  release: applying package updates - react v8
  release: applying package updates - web-components
  fix(web-components): fix enterkey interaction on menu (microsoft#31894)
  chore(web-components): expose field to package exports (microsoft#31904)
  fix(web-components): slotted elements within fluent-text-input can't be focused (microsoft#31903)
  fix(web-components): fix menu positioning in firefox (microsoft#31895)
  chore: bump @types/node types to v20 and @tsconfig to v18 (microsoft#31510)
  chore: migrate to nx 19.2.3 (microsoft#31828)
  chore: fix install verdacio command (microsoft#31897)
  fix(scripts-prettier): escape file names that are being passed to prettier bin via shell (microsoft#31889)
  release: applying package updates - react-components
  feat:(docs) Adds pattern doc on Basic Recomposition (microsoft#31861)
  chore:(docs) Archive the wiki 🎉 (microsoft#31202)
  feat:(react-nav-preview) Adds NavDivider implementation (microsoft#31848)
  ci(.github): resolve due_on UTC time creation issues (microsoft#31890)
  release: applying package updates - web-components
  fix: update internal usage of useModalAttributes to use legacyTrapFocus by default (microsoft#31801)
  chore: make utils a package export (microsoft#31865)
  fix: add live region around scroll index update (microsoft#31863)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: The elements within the fluent-text-input can't be focused

5 participants