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.

Sign up for GitHub

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

Jump to bottom

Editor: Quill bubble's theme tooltip not showing #5193

Closed
elegos opened this issue Oct 30, 2023 · 1 comment
Closed

Editor: Quill bubble's theme tooltip not showing #5193

elegos opened this issue Oct 30, 2023 · 1 comment
Labels
Resolution: By Design The behavior in the issue is by design and the component exhibits the expected behavior

Comments

@elegos
Copy link

elegos commented Oct 30, 2023

Describe the bug

The editor component supports Quill and the theme selection. Quill's 'bubble' theme features a "contextual tooltip" which is shown at text selection, differently from the 'snow' one. Selecting the theme in the Editor's 'theme' prop should enable the tooltip, too, but it's not happening.

Reproducer

https://codesandbox.io/s/primereact-test-forked-929ygd

PrimeReact version

10.0.5

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

Firefox 119.0

Steps to reproduce the behavior

  1. write something in the editor
  2. select part of the text

Expected behavior

The Quill's Bubble's tooltip should show up showing the formatting options.
@elegos elegos added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Oct 30, 2023
@melloware melloware removed the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Oct 30, 2023
@melloware
Copy link
Member

working example: https://stackblitz.com/edit/react-8uzddu?file=src%2FApp.js

You missed 2 things:

  1. Forgot to add <link rel="stylesheet" href="//cdn.quilljs.com/1.3.7/quill.bubble.css" />
  2. You didn't have a ToolBar.

@melloware melloware closed this as not planned Won't fix, can't repro, duplicate, stale Oct 30, 2023
@melloware melloware added the Resolution: By Design The behavior in the issue is by design and the component exhibits the expected behavior label Oct 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Resolution: By Design The behavior in the issue is by design and the component exhibits the expected behavior
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@elegos @melloware