Skip to content

QEditor Link - The hyperlink panel does not appear when the hyperlink button is inside a dropdown box #17920

@kirillidze

Description

@kirillidze

What happened?

It is impossible to use Hyperlink (add/edit/remove) functionality within QEditor component if hyperlink action is located inside the dropdown:

:toolbar="[{
  icon: $q.iconSet.editor.hyperlink,
  fixedLabel: true,
  fixedIcon: true,
  list: 'only-icons',
  options: ['link']
}]
Screen.Recording.2025-03-20.at.18.13.00.mov

What did you expect to happen?

The hyperlink bar panel should be visible even if the hyperlink action was called from the dropdown

Reproduction URL

https://codepen.io/kirillidze/pen/JojvoEv?editors=101

How to reproduce?

  1. Go to the provided reproduction link
  2. Select some word within QEditor text area
  3. Click on the first dropdown inside QEditor toolbar
  4. Click on the Hyperlink button inside the dropdown

Actual result: The hyperlink panel doesn't appear
Expected result: The hyperlink panel is visible. It is possible to configure the link

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Relevant log output

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions