Skip to content

fix(cdk/drag-drop): preserve checked state for grouped radio inputs #20237

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

Merged
merged 1 commit into from
Aug 19, 2020

Conversation

alexzuza
Copy link
Contributor

@alexzuza alexzuza commented Aug 7, 2020

We transfer input value property while cloning draggable element, but
with several radio inputs that have the same name attribute we can face an
issue when checked state moves to cloned radio input element and we can't restore it
when dropping element.

These changes add unique name for all cloned elements: radio inputs
inside preview and placeholder. This makes sure that original input
won't lose its checked state once the clone is inserted in the DOM.

Fixes #20236

We transfer input `value` property while cloning draggable element, but
with several radio inputs that have the same `name` attribute we can face an
issue when checked state moves to cloned radio input element and we can't restore it
when dropping element.

These changes add unique name for all cloned elements: radio inputs
inside preview and placeholder. This makes sure that original input
won't lose its checked state once the clone is inserted in the DOM.

Fixes angular#20236
@alexzuza alexzuza requested a review from crisbeto as a code owner August 7, 2020 16:36
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Aug 7, 2020
Copy link
Member

@crisbeto crisbeto left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@crisbeto crisbeto added action: merge The PR is ready for merge by the caretaker P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent target: patch This PR is targeted for the next patch release labels Aug 7, 2020
@wagnermaciel wagnermaciel merged commit 8c336c9 into angular:master Aug 19, 2020
wagnermaciel pushed a commit that referenced this pull request Aug 19, 2020
…20237)

We transfer input `value` property while cloning draggable element, but
with several radio inputs that have the same `name` attribute we can face an
issue when checked state moves to cloned radio input element and we can't restore it
when dropping element.

These changes add unique name for all cloned elements: radio inputs
inside preview and placeholder. This makes sure that original input
won't lose its checked state once the clone is inserted in the DOM.

Fixes #20236

(cherry picked from commit 8c336c9)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 19, 2020
@alexzuza alexzuza deleted the fix/drag-drop-input-radio branch September 22, 2020 18:51
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker cla: yes PR author has agreed to Google's Contributor License Agreement P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(cdk/drag-drop): radio input selection resets after dragging element
4 participants