Skip to content

External links in QInput 'hint' slot render as clickable but do not open the respective website #18127

@tofi86

Description

@tofi86

What happened?

When using the hint slot in a QInput component (with bottom-slots prop set to true) and placing a link inside, the link gets rendered correctly but is not working at all.

What did you expect to happen?

The link should be working.

Reproduction URL

https://codepen.io/tofi86/pen/LEpKKdR

How to reproduce?

  1. Go to https://codepen.io/tofi86/pen/LEpKKdR
  2. Click on Link to Google.com (does not work) - nothing happens
  3. Click on Link to Google.com (works) - opens google.com in a new tab
  4. Happens in Chrome, Firefox, Safari (all latest versions on macOS 15.6.1)

Flavour

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

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Operating System - Darwin(24.6.0) - darwin/arm64
NodeJs - 22.18.0

Global packages
  NPM - 10.9.3
  yarn - Not installed
  pnpm - Not installed
  bun - 1.2.21
  @quasar/cli - 2.5.0
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.18.2 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.3.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.17.0 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.20 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.5.1
  pinia - 3.0.3 -- Intuitive, type safe and flexible Store for Vue
  vite - 6.2.1 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - 9.34.0 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.25.1 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - 5.9.2 -- TypeScript is a language for application scale JavaScript development
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - MacBook-Pro-von-Tobias-2.local
  en0 - 192.168.0.125
  en12 - 192.168.0.189
  utun4 - 10.8.15.7

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