diff --git a/changelog/23066.txt b/changelog/23066.txt new file mode 100644 index 000000000000..f4636b97dbb0 --- /dev/null +++ b/changelog/23066.txt @@ -0,0 +1,3 @@ +```release-note:bug +ui: Fix the issue where confirm delete dropdown is being cut off +``` diff --git a/ui/lib/core/addon/components/confirm.js b/ui/lib/core/addon/components/confirm.js index 306d3623e2c4..9d621f60f83b 100644 --- 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 index 395607621c13..bf6a32d698ac 100644 --- 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}} - -
+
{{yield (hash