Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged

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
18 checks passed
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