Hype Grid (pure CSS workaround)

CleanShot 2024-02-05 at 13.48.20

This is a sneak peek… still working on it. Just ran into a breaking problem. If I hide (eye icon) and restore a rectangle, it collapses to a thin line with no way to restore it. If there is no workaround, this is the end of the road on this particular experiment.

The eye icon sets display to none or inline (well technically depends on the display property in the inspector too). That's all it does, so this might be some sort of webkit rendering issue. I assume you're overriding it with !important for your experiment?

You could try overriding the useWebKitGraphicsAccelerationForSceneEditor user default to -bool NO and see if that might change rendering. Beyond this, your guess is as good as mine! I'd probably try looking at what the DOM reports with the web inspector.

2 Likes