Skip to content

chore: update related tags input removes inline style#306

Draft
kevinsmaster5 wants to merge 2 commits into
mainfrom
chore-update-related-collection-input
Draft

chore: update related tags input removes inline style#306
kevinsmaster5 wants to merge 2 commits into
mainfrom
chore-update-related-collection-input

Conversation

@kevinsmaster5
Copy link
Copy Markdown
Contributor

Closes #https://github.com/cloud-gov/private/issues/2926

Changes proposed in this pull request:

  • Creates a custom Payload component to provide a Tags relationship input that does not have inline style attributes.
  • Functionally identical to default Tags relationship field
  • Added unit test for component
  • Includes sub component to model modal for edit and create tag

Screenshots

Screenshot 2026-05-22 at 4 21 24 PM

shown with selected tags in place

Screenshot 2026-05-22 at 4 25 35 PM

showing menu open

Screenshot 2026-05-22 at 4 25 56 PM

no selected tags

Screenshot 2026-05-22 at 4 25 50 PM

menu open - no selected tags

Screenshot 2026-05-22 at 4 31 10 PM

create new tag

Screenshot 2026-05-22 at 4 31 27 PM

editing tag

Things to check

  • For any logging statements, is there any chance that they could be logging sensitive data?
  • Are log statements using a logging library with a logging level set? Setting a logging level means that log statements "below" that level will not be written to the output. For example, if the logging level is set to INFO and debugging statements are written with log.debug or similar, then they won't be written to the otput, which can prevent unintentional leaks of sensitive data.

Security considerations

[Note the any security considerations here, or make note of why there are none]

kevinsmaster5 and others added 2 commits May 22, 2026 16:40
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I think I might refactor and break out some utilities. It's rather hefty. 🏋️

})()

return () => controller.abort()
}, [primaryCollectionSlug, selectedIDs.join('|'), labelField, locale, fetchDocs])
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

got some lint warnings I need to look into
375:6 Warning: React Hook useEffect has a missing dependency: 'selectedIDs'. Either include it or remove the dependency array. react-hooks/exhaustive-deps
375:30 Warning: React Hook useEffect has a complex expression in the dependency array. Extract it to a separate variable so it can be statically checked. react-hooks/exhaustive-deps

@kevinsmaster5
Copy link
Copy Markdown
Contributor Author

todo: see about adding eslint rules to flag inline style attribute style="[blink](animation: blink-soft 1.5s infinite;)"

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.

1 participant