Open
Description
When creating a table using css grid with display: contents for row definition, draggable does not seem to work.
Simplified situation:
<draggable class="grid-table" draggable=".grid-row" handle=".dragger" tag="section">
<div class="grid-row">
<div class="dragger">Row 1 Column 1</div>
<div>Row 1 Column 2</div>
<div>Row 1 Column 3</div>
</div>
<div class="grid-row">
<div class="dragger">Row 2 Column 1</div>
<div>Row 2 Column 2</div>
<div>Row 2 Column 3</div>
</div>
<div class="grid-row">
<div class="dragger">Row 3 Column 1</div>
<div>Row 3 Column 2</div>
<div>Row 3 Column 3</div>
</div>
</div>
<style>
.grid-table {
display: grid; grid-template-columns: repeat(3, 1fr);
}
.grid-row {
display: contents;
}
</style>
The same structure but using table instead does work.
Is it possible to add support for the grid implementation?
Metadata
Metadata
Assignees
Labels
No labels