topic Re: Extra white space in LayerList widget in ArcGIS JavaScript Maps SDK Questions

Extra white space in LayerList widget

Aeseir — Fri, 09 Jun 2023 04:50:21 GMT

Is is possible to remove excessive whitespace in LayerList widget when you have selectionEnabled as true?

Only happens when group layer is empty and selectionEnabled is true.

Visual example:

Re: Extra white space in LayerList widget

Sage_Wall — Fri, 09 Jun 2023 12:45:33 GMT

Thanks for point this out @Aeseir it looks like a bug to me. I can create an internal issue. If you want to keep track of it you could submit a bug though support and you'll get updates.

Re: Extra white space in LayerList widget

Sage_Wall — Fri, 09 Jun 2023 13:09:42 GMT

I've been looking into this and you might be able to add this css style to remove it but I'm not sure if it would cause issues elsewhere without further testing.

https://codepen.io/sagewall/pen/qBQEQzd

.esri-layer-list__list:empty { min-height: 0px; }

Re: Extra white space in LayerList widget

Aeseir — Sat, 10 Jun 2023 06:00:17 GMT

I am not fussed one way of the other, let me know what is easier for you.

Re: Extra white space in LayerList widget

Aeseir — Sat, 10 Jun 2023 06:01:37 GMT

This works, tested it before and haven't found any issues....yet.

If your team wants visible white space to indicate a "landing" spot when user drags the content you can also handle it this way:

.esri-layer-list__list:empty { min-height: 0px; } .esri-layer-list__item:hover > .esri-layer-list__list{ min-height: 48px; }

Re: Extra white space in LayerList widget

Sage_Wall — Sat, 10 Jun 2023 11:18:24 GMT

Thanks for the suggestion. The extra white space is intended to indicate that a layer can be dragged into the group layer, but the design can certainly be improved. Appreciate you pointing this out.

Re: Extra white space in LayerList widget

Aeseir — Sun, 11 Jun 2023 02:46:48 GMT

Not a problem. In that case recommend making it clearly visible with additional markers (e.g. dotted border or such) as some of our less visibly capable users struggle to differentiate what the white space refers to.

Thanks again for the support.