Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draggable doesn't seem to work with display: contents; #1252

Open
SimonDatapas opened this issue Nov 12, 2024 · 0 comments
Open

Draggable doesn't seem to work with display: contents; #1252

SimonDatapas opened this issue Nov 12, 2024 · 0 comments

Comments

@SimonDatapas
Copy link

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant