Quasar: QDate within QInput

Created on 10 Oct 2019  路  5Comments  路  Source: quasarframework/quasar

Describe the bug
After upgrading to Quasar 1.2.0, the Qdate within QInput does not seem to be working. You can see it on both the documentation and the associated codepen.

Codepen/jsFiddle/Codesandbox (required)
https://codepen.io/fascistdonut/pen/ZEEbyba?&editable=true&editors=101

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://quasar.dev/vue-components/date
  2. Scroll down to "With QInput"
  3. Click icon to try and open date input.

Expected behavior
The date input should open and allow us to select a date, which will be represented as a string in q-input.

Screenshots
image

Platform (please complete the following information):
OS: Windows 10
Browsers: Chrome

bug

Most helpful comment

Thanks for reporting. Will investigate and fix.

All 5 comments

I can confirm on Windows 8.1 Chrome and Firefox, and Mac Chrome. No errors in the console.

Here's a fiddle: https://jsfiddle.net/xp3uq1e5/

The interesting part is that if you pull the window chrome up, at a point around the height of the popup it suddenly shows up.

image

https://imgur.com/l3g5k8n

I don't think it's CSS; the dialog stays up if you pull the chrome down. It looks like something in transition-show or another handler is pruning it if the window is taller than the dialog's height.

@FascistDonut
I got the same problem with U, it just happend after update to 1.2.0

Thanks for reporting. Will investigate and fix.

Fix will be available shortly in "quasar" v1.2.1.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hctpbl picture hctpbl  路  3Comments

mesqueeb picture mesqueeb  路  3Comments

xereda picture xereda  路  3Comments

jippy89 picture jippy89  路  3Comments

green-mike picture green-mike  路  3Comments