Is it possible to temporarily hide some items in the list be setting zero height

[adamvietnam]

I'd like to temporarily hide some of the items in a list i.e make some of them invisible and take no space without having to give a the list of different set of items e.g.

item 1: visible
item 2: hidden
item 3: visible
item 4: visible

I've tried adding various things including the following to individual items:

display: none;

height: 0px;

visibility: hidden;

But I either get screen corruption or, in the case of display:none , an exception thrown saying an item can't be zero height.

Does anyone know a way of doing this?

[petyosi]

Zero sized items are not supported. A workaround I recommend is a 1px height.

[adamvietnam]

Thanks for coming back to me. I tried that because I have a 5000+ items that in the list , 1px height still equates to 500px. Is there anything else I could try?

…

On Sun, 31 Oct 2021 at 18:35, Petyo Ivanov ***@***.***> wrote: Zero sized items are not supported. A workaround I recommend is a 1px height. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#481 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAIS7TCYDOANXB6JERQLU7TUJWD53ANCNFSM5HCLDFIA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[petyosi]

Yes, and this is the recommended approach. Filter the items out of your data source rather than hiding them on the UI level.

[adamvietnam]

Fair enough - thank you.

…

On Mon, 1 Nov 2021 at 07:58, Petyo Ivanov ***@***.***> wrote: Yes, and this is the recommended approach. Filter the items out of your data source rather than hiding them on the UI level. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#481 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAIS7TEUB3ZGGOUHYGRI7STUJZCDPANCNFSM5HCLDFIA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[petyosi]

Answer - either reduce those items to 1px height or filter them out on the data level before passing them to the component.

[adamvietnam]

Ok great - I appreciate the response.

…

On Mon, 1 Nov 2021 at 09:58, Petyo Ivanov ***@***.***> wrote: Answer - either reduce those items to 1px height or filter them out on the data level before passing them to the component. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#481 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAIS7THOELCJDZUANVTWDH3UJZQCRANCNFSM5HCLDFIA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.