From 089a4d7a3278eb5fc972edd33f0c0049d03c90ea Mon Sep 17 00:00:00 2001 From: "serhiy.melnychuk" Date: Mon, 8 Jan 2024 18:34:51 +0200 Subject: [PATCH] MARKET-2396 [Mention] Dropdown list shift. --- components/bl-mention/styles/index.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/components/bl-mention/styles/index.less b/components/bl-mention/styles/index.less index 62e9a3365..5862344e1 100644 --- a/components/bl-mention/styles/index.less +++ b/components/bl-mention/styles/index.less @@ -21,6 +21,8 @@ @bl-customComponent-Mention-item-highlight-background: darken(average(@appBackgroundColor, @themePrimary), 40%); .bl-customComponent-Mention { + position: relative; + .p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-disabled,.p-disabled *{cursor:default!important;pointer-events:none;user-select:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-connected-overlay{opacity:0;transform:scaleY(.8);transition:transform .12s cubic-bezier(0, 0, .2, 1),opacity .12s cubic-bezier(0, 0, .2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-connected-overlay-enter{opacity:0;transform:scaleY(.8)}.p-connected-overlay-enter-active{opacity:1;transform:scaleY(1);transition:transform .12s cubic-bezier(0, 0, .2, 1),opacity .12s cubic-bezier(0, 0, .2, 1)}.p-connected-overlay-enter-done{transform:none}.p-connected-overlay-exit{opacity:1}.p-connected-overlay-exit-active{opacity:0;transition:opacity .1s linear}.p-inputtext{margin:0}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-mention{display:inline-flex;position:relative}.p-mention-panel{position:absolute;top:0;left:0;overflow:auto}.p-mention-items{margin:0;padding:0;list-style-type:none}.p-mention-item{cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.p-fluid .p-mention{display:flex} .p-component {