Possible soln 2: apply style using native js

hashicorp · Sep 13, 2023 · 5fa9b68 · 5fa9b68
1 parent f5b785e
commit 5fa9b68
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/ui/lib/core/addon/components/confirm.js b/ui/lib/core/addon/components/confirm.js
@@ -32,9 +32,6 @@ export default Component.extend({
   openTrigger: null,
   height: 0,
   focusTrigger: null,
-  style: computed('height', function () {
-    return `height: ${this.height}px`;
-  }),
   wormholeReference: null,
   wormholeId: computed('elementId', function () {
     return `confirm-${this.elementId}`;
@@ -51,7 +48,7 @@ export default Component.extend({
     const height = this.openTrigger
       ? this.element.querySelector('.confirm-overlay').clientHeight
       : this.element.querySelector('.confirm').clientHeight;
-    this.set('height', height);
+    this.element.querySelector('.confirm-wrapper').style = `height: ${height}px;`;
   },
   actions: {
     onTrigger: function (itemId, e) {

diff --git a/ui/lib/core/addon/templates/components/confirm.hbs b/ui/lib/core/addon/templates/components/confirm.hbs
@@ -3,9 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 ~}}
 
-{{! template-lint-disable no-inline-styles}}
-
-<div class="confirm-wrapper {{if this.openTrigger 'confirm-height'}}">
+<div class="confirm-wrapper">
   <div class="confirm {{if this.openTrigger 'show-confirm'}}" ...attributes>
     {{yield
       (hash