chore: Remove additional div from Modal #1635
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Additional div around the modal was initially used to associate the HTML node used by the Portal which would later be used to check from funnel step focus by checking if a focussed element is a descendant of this node. This information is useful to understand if a user is still on the same step when opening a modal from a form element in that given step, e.g. an s3 resource selector. However the additional div caused a layout shift.
We do not have a strong use case for embedded funnels inside a modal as they are primarily either a Form or Wizard and so we can ignore further interactions in this and change if new data is presented.
This change:
Related links, issue #, if available: AWSUI-22535
How has this been tested?
All existing unit tests passing which includes a test for if a funnel step state change happens when focus moves from an active step into a Modal inside a step.
Review checklist
The following items are to be evaluated by the author(s) and the reviewer(s).
Correctness
CONTRIBUTING.md
.CONTRIBUTING.md
.Security
checkSafeUrl
function.Testing
By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.