Game Developer and Pixel Artist.
Games at http://linker.itch.io, & http://patreon.com/linkerbm.
Business/Inquiries: linkerbm@gmail.com.
🔒Priv: @Link-Lonk
user story: i expected these resize handles to resize, I wanted to make a giant mayonnaise and was sorely disappointed
dammit, my skeuomorphism failed!
if you pop pointer-events: none on the <span> elements it'll work in Safari!
i'm not sure if it's because of something weird with my browser (Firefox) but i generally can only click the most lower-right magnet
hmmm, if you put, like, a pointer-events:none on the lower-right div, does it help? if so, I'll put that on all of 'em
pointer-events:none will make it so the magnets won't get in the way of each other, but it'll also make it so you can't resize the divs and thus dragging them around won't work -w-'
You can visualize the problem by setting a background color for the divs: Essentially, they're layered over each other and without adding svg crimes to our list of sins we don't have any way of being more selective about where we process pointer events on a div, and where we don't :<
As far as I can tell tho svgs aren't great with interactability. Like, they're just graphics on their own and don't have anything like the resize: property. So, we have something that allows us to be far more precise about where we want pointer events to happen, and something that can use pointer events to do fun things, and they don't play nice on that front.
Theoretically if one could swap around the render order dynamically depending on the sizes of the objects, i.e. if div A is greater in width and height than div B, reorder it to be behind div B, (either through the actual order of the elements in the html code, or the css order property, by my understanding) one would be able to get around this but that sounds like something we can't do without scripting
Yeah, that seems to be the size of it. I think you could get a little mileage by making the divs the same size as the spans to start and placing them with top:/left: so they're all draggable initially, but you'll still get divs covering each other up eventually.
Mm :<
Tho @blackle figured out a way around it apparently? There's an "organize your room" thing it made that works flawlessly from what I could tell
