Unable to drop case files into the UI

[MohamedNumair]

I am trying to use tellegen to visualize some BMOPF files, but I can not find the upload/drop a case button. Also tried drag and drop which doesn't work instead open the json file in the browser.

I am on a Windows machine and had the same issue with both Chrome and Firefox. Below a screenshot of the UI (I don't have that tile for dropping a case)

[frederikgeth]

I'm noticing this is the way that it renders on my phone (also no button), so maybe you have some strange User-Agent string? That being said, it would be nice to have the button also on the phone

[MohamedNumair]

I think I found the culprit. Looks like this is caused by the detection logic implemented to detect the device type In packages/svelte/src/lib/TellegenShell.svelte, the app checks:

(hover: hover) and (pointer: fine) and (min-width: 761px)

So it makes sure it has hove ability, and fine pointer and a minimum width in order to render that drop a case button by setting showFileDropUi based on that result in the same file. On touch-screen devices (my laptop has a touchscreen), hover and pointer: fine often resolve to false, so the “drop a case file” button is never rendered and drag/drop is disabled. This is why it works on other laptops regardless of the operating system but for touch devices it won't be there.

So it is just an issue in the detection logic the fix would be to relax these conditions in general so it allows for touch or smaller devices.