Skip to content

[PLAY-2645] Bullet Points in TipTap editor - #6572

Draft
nickamantia wants to merge 3 commits into
masterfrom
play-2645-RTE-indents
Draft

[PLAY-2645] Bullet Points in TipTap editor#6572
nickamantia wants to merge 3 commits into
masterfrom
play-2645-RTE-indents

Conversation

@nickamantia

Copy link
Copy Markdown
Contributor

What does this PR do? A clear and concise description with your runway ticket url.

Screenshots: Screenshots to visualize your addition/change

How to test? Steps to confirm the desired behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See addition/change

Checklist:

  • LABELS Add a label: enhancement, bug, improvement, new kit, deprecated, or breaking. See Changelog & Labels for details.
  • DEPLOY I have added the milano label to show I'm ready for a review.
  • TESTS I have added test coverage to my code.
  • PLAYGROUND I have added and tested Playground metadata and overrides for all kits and props updated in my code.
  • SEMVER I have added a minor, major, or patch label for release.
  • RC I have added an inactive RC label if not an active RC.

@nickamantia nickamantia self-assigned this Aug 27, 2026
@nickamantia nickamantia added minor Semver Target milano 20 MAX - Deploy this PR to a review environment via Milano enhancement New Features, Props, & Variants (USED IN CHANGELOG) labels Aug 27, 2026
{
icon: "list",
text: "Bullet List",
classname: `toolbar_button ${editor.isActive('list') ? 'is-active' : ''}`,

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I think this needs to be editor.isActive('bulletList') to get the active styling.Tiptap uses bulletList, not list.

Comment on lines +61 to +67
classname: `toolbar_button ${editor.isActive('de-indent-list') ? 'is-active' : ''}`,
onclick: () => editor.chain().focus().liftListItem('listItem').run(),
},
{
icon: "angle-double-right",
text: "Indent Bullet",
classname: `toolbar_button ${editor.isActive('indent-list') ? 'is-active' : ''}`,

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I don't think 'de-indent-list' and 'indent-list' are accurate either, but also I don't think these controls need an active state since you can increase and decrease indents more than once. Might be better to disable them when the command can't run, e.g. using editor.can()

maxWidth?: string
TrixEditor?: React.ComponentType<any>,
trixInstance?: any,
bulletList?: any,

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

this should be boolean so the schemas are accurate as well

@nidaqg nidaqg added do not merge Use this label when a PR should not be merged POC POC, do not merge and removed milano 20 MAX - Deploy this PR to a review environment via Milano labels Aug 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

do not merge Use this label when a PR should not be merged enhancement New Features, Props, & Variants (USED IN CHANGELOG) minor Semver Target POC POC, do not merge

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants