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.

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

QMenu with scroll didnt respect menu position (self and anchor) #16443

Open
FragsterAt opened this issue Oct 10, 2023 · 0 comments
Open

QMenu with scroll didnt respect menu position (self and anchor) #16443

FragsterAt opened this issue Oct 10, 2023 · 0 comments
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@FragsterAt
Copy link

FragsterAt commented Oct 10, 2023

What happened?

I have QMenu with many items, that positioned near the middle of screen. If there is many items in options - popup menu opens on side with more space or on top if there is about same space.

What did you expect to happen?

Open menu with respect of self and anchor props if at least one item (or there is configurable value space on that side) can be shown on that side.

Open menu with respect of self and anchor props if there is about same space (+- some value) on top and on bottom.

Open menu on bottom if there is same space (+- some value) on top and on bottom and self and anchor props not set.

Reproduction URL

https://codepen.io/FragsterAt/pen/LYMqOMg?editors=101

How to reproduce?

  1. go to reproduction link
  2. Button positioned in center of screen - there is same space on top and on bottom sides of it.
  3. click on button - menu opens on top

Flavour

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

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

Operating System - Windows_NT(10.0.14393) - win32/x64
NodeJs - 18.12.1

Global packages
  NPM - 9.5.1
  yarn - 1.22.19
  @quasar/cli - 2.3.0
  @quasar/icongenie - 2.3.3
  cordova - Not installed

Important local packages
  quasar - 2.12.7 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.6.2 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.7 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.3.4 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.2.5
  pinia - 2.1.6 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 2.9.16 -- Native-ESM powered web dev build tool
  eslint - 8.50.0 -- An AST-based pattern checker for JavaScript.
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Relevant log output

No response

Additional context

No response

@github-actions github-actions bot added area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite labels Oct 10, 2023
@FragsterAt FragsterAt changed the title QSelect popup menu with scroll didnt respect menu position (menu-self and menu-anchor) QMenu with scroll didnt respect menu position (self and anchor) Oct 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

1 participant