fix: avoid empty label for a11y compliance

[mas-who]

Done

• Resolved empty label a11y issue for ip address selector

QA

1. Run the LXD-UI:
   • On the demo server via the link posted by @webteam-app below. This is only available for PRs created by collaborators of the repo. Ask @mas-who or @edlerd for access.
   • With a local copy of this branch, run as described here.
2. Perform the following QA steps:
   • Check that the label is not visible for the ip address selector
   • Check wave evaluation tool that no a11y empty label warning is reported when the ip address selector is visible on the page

[webteam-app]

Demo starting at https://lxd-ui-662.demos.haus

[edlerd]

This breaks the layout of the custom radio input:

[mas-who]

This breaks the layout of the custom radio input:

Right, I see the reason is that the labelClassname prop is applied to the label element that wraps the input. I think some custom css will be necessary here, unless if we try making the change upstream again (something like a labelTextClassname prop)?

[edlerd]

Right, I see the reason is that the labelClassname prop is applied to the label element that wraps the input. I think some custom css will be necessary here, unless if we try making the change upstream again (something like a labelTextClassname prop)?

I think this is a very special use case and justifies introduction of a custom labelClassName, with custom styling in LXD-UI to hide the label-text here.

[edlerd]

Perfect, thanks for the fix!