Skip to content

Windows (10/11) file drag and drop misplaced drop area on scaled display #4271

Closed
@pythoneer

Description

@pythoneer

Problem

After the fix of the drag and drop of files in Windows (10/11) here #3680 i still experiencing Problems on Windows. I have an Application where i want to finally use this but this time the Area where i can drop the files is just misaligned to the actual element that should receive the drop. It almost feels like it only has half the width and the position is just way off (mostly to the top). After i could not fix this in my Application i tried the file_upload example and experienced the exact same misbehavior.

drag-and-drop.mp4

Steps To Reproduce

Steps to reproduce the behavior:

  • Run the file_upload example on Win10/11. Try to drop a File on the drop area and make sure it works all over the drop area including the edges. Use a scale factor different than 100%.

Expected behavior

File should be able to get dropped on the hole drop area and not on a space adjacent to it.

Screenshots

File drops here

Image

But not on the actual drop area

Image

Environment:

  • Dioxus version: v0.6.3
  • Rust version: 1.87.0
  • OS info: Windows 10/ Windows 11
  • App platform: desktop

I might need to add that i am using a 4K Monitor with 200% scale

Image

Might have something to do with only having roughly half the width of the area and maybe the placement (height from the top) is only half as much as it should be

Questionnaire

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions