ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-08-26 15:07:41 +00:00
Code Issues Projects Releases Wiki Activity

feat: add drag and drop support to Upload Style area (#1852)

Browse Source 
## Feat: Add drag and drop support to Upload Style area

Closes #911

---

### Problem
The Upload Style area only supported click-to-upload. Users could not
drag and drop a JSON file directly onto it.

### Fix
Added `onDragOver` and `onDrop` event handlers to the Upload Style area.
The dropped file is passed to the existing file reading logic already
used by the Upload button. A visual highlight is shown when dragging
over the area.
This commit is contained in:
Kanish Jeba Mathew M
2026-05-06 19:41:17 +05:30
committed by GitHub
parent a588f3e08c
commit 93596b3540
14 changed files with 145 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cypress/e2e/maputnik-driver.ts
+6 -1
View File
@@ -143,7 +143,12 @@ export class MaputnikDriver {
},
chooseExampleFile: () => {
this.helper.given.fixture("example-style.json", "example-style.json");
this.helper.when.openFileByFixture("example-style.json", "modal:open.file.button", "modal:open.file.input");
this.helper.when.openFileByFixture("example-style.json", "modal:open.dropzone", "modal:open.file.input");
this.helper.when.wait(200);
},
dropExampleFile: () => {
this.helper.given.fixture("example-style.json", "example-style.json");
this.helper.when.dropFileByFixture("example-style.json", "modal:open.dropzone");
this.helper.when.wait(200);
},
setStyle: (