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

File Picker Firefox bug #13226

Open
pingwes opened this issue Apr 21, 2022 · 17 comments
Open

File Picker Firefox bug #13226

pingwes opened this issue Apr 21, 2022 · 17 comments
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-webpack kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@pingwes
Copy link

pingwes commented Apr 21, 2022

What happened?

When I drag-and-drop a file into file picker in Chrome and Safari, the file is added successfully. However, when I do the same thing in Firefox, the file isn't added and but opens the file in another tab.

What did you expect to happen?

I expected the file to just drop into file picker.

Reproduction URL

https://codepen.io/berrywes/pen/RwxdvXr?editors=101

How to reproduce?

  1. Open firefox
  2. Go to link
  3. Drag-and-drop file

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Components (quasar)

Platforms/Browsers

Firefox

Quasar info output

No response

Relevant log output

No response

Additional context

No response

@pingwes pingwes added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Apr 21, 2022
@github-actions github-actions bot added area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-webpack labels Apr 21, 2022
@pdanpdan
Copy link
Collaborator

pdanpdan commented Apr 21, 2022

What Firefox, what os
And what file picker (ok QUploader)

@pingwes
Copy link
Author

pingwes commented Apr 21, 2022

FireFox 99.0.1 and Mac OS Monterey

And Q-file, Sorry please see
https://codepen.io/berrywes/pen/BaJbEXB?editors=101

@pdanpdan
Copy link
Collaborator

Can you please check if the same happens in:

https://codepen.io/prasanjit/pen/NxjZMO

https://codepen.io/TheLukasWeb/pen/kOrJmR

I don't have a Mac so I need to see if it's a Firefox problem

@pingwes
Copy link
Author

pingwes commented Apr 21, 2022

The first one worked but not the second one

@pdanpdan
Copy link
Collaborator

I just checked with firefox (downloaded from mozilla) on monterey and both QFile and QUploader seem to work as expected when dragging and dropping a file from the file manager.

@pingwes
Copy link
Author

pingwes commented Apr 25, 2022

Hmm interesting.. I just tried it here again https://codepen.io/berrywes/pen/BaJbEXB?editors=101
and had the same issue. Not sure what mine is different. Would a screen recording help?

@pdanpdan
Copy link
Collaborator

I think someone with a real macos should check this. Maybe my emulator does not doar good job

@MilosPaunovic
Copy link
Member

Tested on FF88.0.1 (64-bit) and MacOS BigSur 11.4, every link from above works as expected.

@pingwes
Copy link
Author

pingwes commented Apr 26, 2022

I'm using FireFox 99.0.1. Not sure if that makes a difference?

@MilosPaunovic
Copy link
Member

MilosPaunovic commented Apr 27, 2022

You are right!

I've bumped FF to 99.0.1 (64-bit) on the same MacOS BigSur 11.4, and it does not work as expected.

Screen.Recording.2022-04-27.at.11.38.24.mov

@pdanpdan
Copy link
Collaborator

Sorry, still cannot reproduce (Firefox 99.0.1, Monterey)

@pingwes
Copy link
Author

pingwes commented Apr 27, 2022

Is it possible it's an M1 mac problem?

@pdanpdan
Copy link
Collaborator

Does it come with big sur?

@pingwes
Copy link
Author

pingwes commented Apr 27, 2022

Mine came with Monterey. But I just realized my friend has same issue and he doesn't have M1 so that can't be it

@pdanpdan
Copy link
Collaborator

The only way I was able to reproduce is this:

Drag the image over a (some way or another) disabled QUploader/QFile.

  • a single file QUploader/QFile with a file already selected
  • a readonly/disabled one

One or two times it happened when I dragged multiple files over QUploader - but it was not a pattern (it happened very seldom in a large number of tests and it might be something related to the place I dragged to)

Meanwhile I discovered a glitch with deactivating hover indicator (regression from v1) and I'll take care of it.

If you can discover a pattern on the problem in this issue I'll look into it also

BTW, the problem can be reproduced in Qv1? v1.quasar.dev

@pdanpdan
Copy link
Collaborator

Closed as cannot reproduce - if you have a reliable way to reproduce it please comment here to reopen.
Thank you

@tofi86
Copy link

tofi86 commented Oct 5, 2022

Hi, we just stumbled upon this very same issue.

I can reproduce the bug with @pingwes's codepen (https://codepen.io/berrywes/pen/BaJbEXB?editors=101) and also when updating the pen to Quasar 2.9.2.

I'm using Firefox 105.0.2 on macOS 12.6 Monterey.

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-webpack kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

4 participants