When dragging one of the top panels, if dragging starts within the top 10 pixels it does not register as a drag
dutzi opened this issue · comments
Kind of hard to explain, see video:
The reason is that once the drag starts, the top "hit area" gets display: block
, causing React DnD to lose its "grip".
The workaround (not perfect) is adding this to the .css:
.mosaic-drop-target.mosaic > .drop-target-container .drop-target.top {
bottom: 100%;
top: -10px;
}
This will cause the hit area to be rendered outside of the container, keeping those 10 pixels safe.
❤️