Improve ability to toggle (show/hide) fields in the new CF editor

[#1]

Request for Feature Enhancement (RFE) Summary:	The current API and the example shared in the docs to toggle (show/hide) fields in the new CF editor does not work as expected and contains multiple issues. Docs: https://developer.adobe.com/uix/docs/services/aem-cf-editor/api/data/#setting-styles-to-the-field
Use-case:	We have a few CF models where fields are shown or hidden depending on the type selection an editor makes. After creating a new CF, the editor first needs to select a provider, and then different fields show depending on the selection.
Current/Experienced Behavior:	While developing a small plugin for the new CF editor to show/hide fields based on a selection according to the documentation provided [1]. Concretely, we are relying on the api.setStyles , but we noticed two bugs: 1) This approach works fine for standard input fields, but not for select boxes/enumeration fields, they remain visible even after we try to hide them with CSS display:none 2) The standard input fields that do get hidden, but leave a margin that creates unnecessary blank space (this happens because the style is not applied on the container DIV)
Improved/Expected Behavior:	Fix both bugs and enable plugin developers to properly apply style to toggle input fields
Environment Details (AEM version/service pack, any other specifics if applicable):	AEMaaCS, version 2024.10.18311.20241017T104455Z
Customer-name/Organization name:	Assa Abloy
Screenshot (if applicable):
Code package (if applicable):	api.setStyles(fieldName, {"display": "none"});

[#2]

@daniel-strmecki 

Thanks for proposing this idea.

This has been reported to the engineering under the internal reference SITES-30309. The product team will triage this request to verify feasibility based on the prioritization model. This post will be updated according to Jira's status.