Disable interactive elements in blocks to allow dragging

Tim Bozeman → made their first commit to this issue’s fork.

That's a great call out! Thank you!

You're welcome - I also like your UI much more than the core UI, hehe!

Fantastic! 😊

I took this opportunity to reorganize the files a bit too after including layout-builders behavior to disable interactive elements. Surprisingly I still needed the styling and link drag disabling stuff from 📌 Disable block links Fixed cause it wasn't covered in cores behavior.

¯\_(ツ)_/¯

Thanks again!

I'm sorry, but we missed one important thing: The JS from core's Layout Builder UI to disable those elements was unfortunately not enough. I digged a little more through the code and what the JS actually does is adding a tabindex="-1" to e.g. iFrame elements. But to get them draggable, there is the following CSS snippet needed as well (otherwise clicks on such elements will be handled by e.g. the iFrame content) - taken from layout_builder/css/layout-builder.css:

.layout-builder-block [tabindex="-1"] {
  pointer-events: none;
}

Maybe this even solves your "issue" that you had to add the custom stylings from 📌 Disable block links Fixed additionally.

Should I create a follow up, or should this ticket be reopened again?

Oh, that's right! I don't need the custom stylings now. 😅 Thank you very much!

Yeah, now oEmbed are also draggable again as well - Thank you so much!

Automatically closed - issue fixed for 2 weeks with no activity.