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

(CDPE-6335) Move trailing button after input text field #653

Merged
merged 1 commit into from
Mar 8, 2024

Conversation

owenbeckles
Copy link
Contributor

@owenbeckles owenbeckles commented Mar 7, 2024

Description of proposed changes

Move the trailing button icon element to after the text input field in the Input component. This change fixes a bug that was causing the next input in a form to direct to the trailing button instead of the text input field after pressing TAB from the previous input field.

Screenshot of proposed changes

@owenbeckles owenbeckles requested a review from a team as a code owner March 7, 2024 23:30
@sean-mckenna
Copy link
Collaborator

The change looks good, I tested locally and im seeing the tab order the way we now expect it. With the auto release github action now working on main, can you add to the CHANGELOG and bump the react-components package to a new patch version? You can see the CONTRIBUTION guideline here - https://github.com/puppetlabs/design-system/blob/main/CONTRIBUTING.md.

@owenbeckles
Copy link
Contributor Author

The change looks good, I tested locally and im seeing the tab order the way we now expect it. With the auto release github action now working on main, can you add to the CHANGELOG and bump the react-components package to a new patch version? You can see the CONTRIBUTION guideline here - https://github.com/puppetlabs/design-system/blob/main/CONTRIBUTING.md.

Yeah of course! Kinda unrelated, I ran into a bit of an issue earlier in the ticket, the node version is currently 12 which required me to have Python2 (which isn't supported by homebrew anymore, so I had to install through pyenv) before installing node 12. I know there are probably a lot of out of date dependencies that actively rely on node 12, but are there any plans to update the project's node version?

@sean-mckenna
Copy link
Collaborator

I dont think I had the same issue with Node 12 and python2, I have python3 installed on my local and dont have any issues. How are you managing your node version? I would recommend using nvm - https://github.com/nvm-sh/nvm. You can switch between node versions really easily with it. But yes we will need to look at upgrading the node version soon.

@owenbeckles owenbeckles force-pushed the CDPE-6335/fix-input-component branch from 02e09ac to dfc84dc Compare March 8, 2024 15:58
@owenbeckles owenbeckles force-pushed the CDPE-6335/fix-input-component branch from dfc84dc to 0819e14 Compare March 8, 2024 16:04
@owenbeckles
Copy link
Contributor Author

I dont think I had the same issue with Node 12 and python2, I have python3 installed on my local and dont have any issues. How are you managing your node version? I would recommend using nvm - https://github.com/nvm-sh/nvm. You can switch between node versions really easily with it. But yes we will need to look at upgrading the node version soon.

Hmm, I actually already use nvm, I ran into the issue when I tried to nvm install 12 and it told me that I needed Python2. I already had Python3 installed at the time

@sean-mckenna
Copy link
Collaborator

I dont think I had the same issue with Node 12 and python2, I have python3 installed on my local and dont have any issues. How are you managing your node version? I would recommend using nvm - https://github.com/nvm-sh/nvm. You can switch between node versions really easily with it. But yes we will need to look at upgrading the node version soon.

Hmm, I actually already use nvm, I ran into the issue when I tried to nvm install 12 and it told me that I needed Python2. I already had Python3 installed at the time

Try run npm use in the root directory of the repo. It should install version 12.4.0.

@owenbeckles owenbeckles merged commit 0f13f8a into main Mar 8, 2024
2 checks passed
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.

2 participants