Настройка нижнего поля Flexipage для скрытого компонента LWC на ​​странице приложения Salesforce ⇐ CSS

[Anonymous]

Я работаю с компонентом Salesforce LWC, прикрепленным к странице приложения, и мне нужно управлять его поведением при отображении/скрытии. Однако я столкнулся с проблемой, когда над компонентом остается небольшое пространство, даже если он скрыт.
Я обнаружил, что эта проблема вызвана нижним полем Flexipage. Я попытался установить нулевое нижнее поле Flexipage, используя this.template.querySelector с идентификатором данных компонента, например:

Код: Выделить всё

const element = this.template.querySelector('[data-component-id="myComponentId"]');
if (element) {
element.style.marginBottom = '0px';
}

К сожалению, этот подход не сработал. Я также попробовал несколько решений CSS, но они оказались неэффективными.
Есть ли способ отрегулировать поля этого компонента с помощью JavaScript? Или, если есть другой способ решения этой проблемы, дайте мне знать.

Подробнее здесь: https://stackoverflow.com/questions/791 ... ce-app-pag