diff --git a/changelog/23066.txt b/changelog/23066.txt new file mode 100644 index 000000000..f4636b97d --- /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 f7511ce42..8f581a51b 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 e2c51b0ea..c9b97f598 100644 --- a/ui/lib/core/addon/templates/components/confirm.hbs +++ b/ui/lib/core/addon/templates/components/confirm.hbs @@ -1,6 +1,4 @@ -{{! template-lint-disable no-inline-styles}} - -
+
{{yield (hash