Chrome/Edge version 129 breaks the drag & drop

[debugHere]

Updating to the latest version of Chrome/Edge (129) seems to break the drag and drop. Seems to overlay it over all other elements on the page (preventing accessing anything else).

Confirmed this via Lambdatest Windows 11 Chrome 128 vs 129

Using: ACF 6.3.6, ACF Dropzone 1.1.14, Wordpress 6.6.1

@mcguffin

[debugHere]

bump @mcguffin

[renemgit]

Confirmed, it's useless for now...

[renemgit]

Unfortunately this update does not fix the overlay issue. I have cleared caches and Chrome still has this issue for me.

Kind regards René

[mcguffin]

Unfortuneatly I can only test in chrome for mac. The fix was basically adding -webkit-transform: translateZ(0); to the container element.

What happens if you remove the vendor prefix in dev tools and just give it transform: translateZ(0);?
Like this:

[renemgit]

Position Fixed seems to be the problem, right?

.dropzone .acf-gallery-attachments .acf-dropzone-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; }

[mcguffin]

Yes. On webkit it is fixed to the viewport coordinate system not the container's. The transform: translateZ(0) css rule should establish a seperate coordinate system on the container (.dropzone .gallery-main) which seems to work on chrome mac but not on windows.

Did you consider to answer my question above? (Changing -webkit-transform: translateZ(0); to transform: translateZ(0);)

[renemgit]

That's seem to work here on Mac and Chrome. Is this something you going to add on the plugin?

Regards René