Row gap creating space below carousel even when pagination is not enabled
Author: Noid02Created Jul 23, 2025Updated Jul 23, 2025
Labelsbug
Describe the bug
Since carousel is implemented with display:flex and row-gap is set carousel creates additional row-gap space below itself even when pagination isn't enabled. I am not sure if this is intended but it confused me because I couldn't figure out why my carousel wasn't being centered properly in a flex container.
My current workaround is:
sl-carousel:not([pagination])::part(base) {
row-gap: 0;
}Source: shoelace-style/shoelace