diff --git a/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js b/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js
index 1665731285d..248fbdf7632 100644
--- a/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js
+++ b/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js
@@ -485,7 +485,7 @@ class AutocompleteInstance extends React.PureComponent {
 
   setVisible = (args = null, onStateComplete = null) => {
     this.context.drawerList
-      .setWrapperElement(this._refShell.current)
+      .setWrapperElement(this._ref.current)
       .setVisible(args, onStateComplete)
   }
 
@@ -1867,7 +1867,7 @@ class AutocompleteInstance extends React.PureComponent {
       'aria-haspopup': 'listbox',
       'aria-expanded': isExpanded,
       'aria-label': !hidden ? submit_button_title : undefined,
-      tooltip: hidden ? submit_button_title : null,
+      tooltip: show_submit_button ? submit_button_title : null,
       className: opened ? 'dnb-button--active' : null,
     }
 
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.js b/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.js
index cbc2ffa6fcd..185a8b2b82b 100644
--- a/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.js
+++ b/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.js
@@ -51,6 +51,7 @@ const snapshotProps = {
 
 // use no_animation so we don't need to wait
 const mockProps = {
+  id: 'autocomplete-id',
   no_animation: true,
   skip_portal: true,
 }
@@ -67,11 +68,14 @@ const mockData = ['AA c', 'BB cc zethx', { content: ['CC', 'cc'] }]
 
 mockImplementationForDirectionObserver()
 
+beforeEach(() => {
+  document.body.innerHTML = ''
+})
+
 describe('Autocomplete component', () => {
   it('has correct word and in-word highlighting', () => {
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={['aaa', 'The Godfather the godfather The Godfather', 'ccc']}
         opened
         input_value="the g th"
@@ -84,14 +88,7 @@ describe('Autocomplete component', () => {
   })
 
   it('has correct input HTML Element attributes', () => {
-    const Comp = mount(
-      <Component
-        id="autocomplete-id"
-        data={mockData}
-        opened
-        {...mockProps}
-      />
-    )
+    const Comp = mount(<Component data={mockData} opened {...mockProps} />)
 
     const elem = Comp.find('input').instance()
 
@@ -109,12 +106,7 @@ describe('Autocomplete component', () => {
 
   it('has correct options after filter', () => {
     const Comp = mount(
-      <Component
-        id="autocomplete-id"
-        data={mockData}
-        show_submit_button
-        {...mockProps}
-      />
+      <Component data={mockData} show_submit_button {...mockProps} />
     )
 
     toggle(Comp)
@@ -280,7 +272,6 @@ describe('Autocomplete component', () => {
   it('has correct options when search_in_word_index is set to 1', () => {
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={mockData}
         search_in_word_index="1"
         show_submit_button
@@ -315,7 +306,6 @@ describe('Autocomplete component', () => {
   it('should update aria-live with results', async () => {
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={mockData}
         show_submit_button
         ariaLiveDelay={1}
@@ -381,12 +371,7 @@ describe('Autocomplete component', () => {
     ]
 
     const Comp = mount(
-      <Component
-        id="autocomplete-id"
-        data={mockData}
-        show_submit_button
-        {...mockProps}
-      />
+      <Component data={mockData} show_submit_button {...mockProps} />
     )
 
     toggle(Comp)
@@ -436,12 +421,7 @@ describe('Autocomplete component', () => {
     helpers.IS_MAC = true
 
     const Comp = mount(
-      <Component
-        id="autocomplete-id"
-        data={mockData}
-        show_submit_button
-        {...mockProps}
-      />
+      <Component data={mockData} show_submit_button {...mockProps} />
     )
 
     toggle(Comp)
@@ -492,12 +472,7 @@ describe('Autocomplete component', () => {
     ]
 
     const Comp = mount(
-      <Component
-        id="autocomplete-id"
-        data={mockData}
-        show_submit_button
-        {...mockProps}
-      />
+      <Component data={mockData} show_submit_button {...mockProps} />
     )
 
     toggle(Comp)
@@ -562,7 +537,6 @@ describe('Autocomplete component', () => {
 
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={mockData}
         search_numbers
         show_submit_button
@@ -609,7 +583,6 @@ describe('Autocomplete component', () => {
 
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={mockData}
         show_submit_button
         search_numbers
@@ -669,12 +642,7 @@ describe('Autocomplete component', () => {
     let elem
 
     const Comp = mount(
-      <Component
-        id="autocomplete-id"
-        data={mockData}
-        show_submit_button
-        {...mockProps}
-      />
+      <Component data={mockData} show_submit_button {...mockProps} />
     )
 
     // check "cc"
@@ -758,7 +726,6 @@ describe('Autocomplete component', () => {
   it('has correct options after filter if filter is disabled', () => {
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         disable_filter
         data={mockData}
         show_submit_button
@@ -794,7 +761,7 @@ describe('Autocomplete component', () => {
   })
 
   it('has correct "opened" state on click in input', () => {
-    const Comp = mount(<Component data={mockData} {...mockProps} />)
+    const Comp = mount(<Component {...mockProps} data={mockData} />)
 
     Comp.find('.dnb-input__input').simulate('mousedown')
 
@@ -1140,6 +1107,7 @@ describe('Autocomplete component', () => {
 
     const Comp = mount(
       <Component
+        {...mockProps}
         no_animation
         show_submit_button
         data={mockData}
@@ -1375,7 +1343,7 @@ describe('Autocomplete component', () => {
 
   it('should have a button for screen readers to open options – regardless', () => {
     const Comp = mount(
-      <Component id="autocomplete-id" data={mockData} no_animation />,
+      <Component {...mockProps} data={mockData} no_animation />,
       { attachTo: attachToBody() }
     )
 
@@ -1411,6 +1379,8 @@ describe('Autocomplete component', () => {
       attachTo: attachToBody(),
     })
 
+    Comp.find('input').instance().focus()
+
     Comp.find('input').simulate('change', { target: { value: 'cc' } })
 
     expect(Array.from(document.activeElement.classList)).toContain(
@@ -1752,7 +1722,6 @@ describe('Autocomplete component', () => {
     const title = 'Make a selection'
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={mockData}
         title={title}
         show_submit_button
@@ -1766,7 +1735,6 @@ describe('Autocomplete component', () => {
     const value = 1
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={mockData}
         value={value}
         show_submit_button
@@ -1799,12 +1767,7 @@ describe('Autocomplete component', () => {
 
   it('has a disabled attribute, once we set disabled to true', () => {
     const Comp = mount(
-      <Component
-        id="autocomplete-id"
-        data={mockData}
-        show_submit_button
-        {...mockProps}
-      />
+      <Component data={mockData} show_submit_button {...mockProps} />
     )
     Comp.setProps({
       disabled: true,
@@ -1875,12 +1838,9 @@ describe('Autocomplete component', () => {
       'one more item',
     ]
 
-    const Comp = mount(
-      <Component id="autocomplete-id" data={mockData} {...mockProps} />,
-      {
-        attachTo: attachToBody(),
-      }
-    )
+    const Comp = mount(<Component data={mockData} {...mockProps} />, {
+      attachTo: attachToBody(),
+    })
 
     // open
     keydown(Comp, 40) // down
@@ -1923,12 +1883,9 @@ describe('Autocomplete component', () => {
   it('will keep focus on input when opening', () => {
     const mockData = ['first item', 'one more item']
 
-    const Comp = mount(
-      <Component id="autocomplete-id" data={mockData} {...mockProps} />,
-      {
-        attachTo: attachToBody(),
-      }
-    )
+    const Comp = mount(<Component data={mockData} {...mockProps} />, {
+      attachTo: attachToBody(),
+    })
 
     Comp.find('input').instance().focus()
 
@@ -1941,7 +1898,6 @@ describe('Autocomplete component', () => {
   it('submit_element will replace the internal SubmitButton', () => {
     const Comp = mount(
       <Component
-        id="autocomplete-id"
         data={mockData}
         {...mockProps}
         submit_element={<SubmitButton icon="bell" />}
@@ -1986,16 +1942,20 @@ describe('Autocomplete component', () => {
 })
 
 describe('Autocomplete markup', () => {
-  const CheckComponent = mount(
-    <Component {...snapshotProps} data={mockData} />
-  )
-
   // compare the snapshot
   it('have to match snapshot', () => {
+    const CheckComponent = mount(
+      <Component {...snapshotProps} data={mockData} />
+    )
+
     expect(toJson(CheckComponent)).toMatchSnapshot()
   })
 
   it('should validate with ARIA rules', async () => {
+    const CheckComponent = mount(
+      <Component {...snapshotProps} data={mockData} />
+    )
+
     expect(
       await axeComponent(CheckComponent, {
         rules: {
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.js.snap b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.js.snap
index 1e1f6424061..6577ba67bd0 100644
--- a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.js.snap
+++ b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.js.snap
@@ -513,7 +513,7 @@ exports[`Autocomplete markup have to match snapshot 1`] = `
                     onSubmit={[Function]}
                     size={null}
                     status={null}
-                    tooltip={null}
+                    tooltip="submit_button_title"
                     type="button"
                     variant="secondary"
                   />
@@ -629,7 +629,7 @@ exports[`Autocomplete markup have to match snapshot 1`] = `
                           onSubmit={[Function]}
                           size={null}
                           status={null}
-                          tooltip={null}
+                          tooltip="submit_button_title"
                           type="button"
                           variant="secondary"
                         >
@@ -654,7 +654,7 @@ exports[`Autocomplete markup have to match snapshot 1`] = `
                             status_props={null}
                             status_state="error"
                             title={null}
-                            tooltip={null}
+                            tooltip="submit_button_title"
                             type="button"
                             value={null}
                             variant="secondary"
@@ -699,7 +699,7 @@ exports[`Autocomplete markup have to match snapshot 1`] = `
                                 text={null}
                                 title={null}
                                 to={null}
-                                tooltip={null}
+                                tooltip="submit_button_title"
                                 type="button"
                                 variant="secondary"
                                 wrap={null}
@@ -756,7 +756,7 @@ exports[`Autocomplete markup have to match snapshot 1`] = `
                                     text={null}
                                     title={null}
                                     to={null}
-                                    tooltip={null}
+                                    tooltip="submit_button_title"
                                     type="button"
                                     variant="secondary"
                                     wrap={null}
@@ -811,6 +811,266 @@ exports[`Autocomplete markup have to match snapshot 1`] = `
                                   width_element={null}
                                   width_selector={null}
                                 />
+                                <Tooltip
+                                  id="autocomplete-id-submit-button-tooltip"
+                                  targetElement={
+                                    Object {
+                                      "current": <button
+                                        aria-describedby="autocomplete-id-submit-button-tooltip"
+                                        aria-expanded="true"
+                                        aria-haspopup="listbox"
+                                        aria-label="submit_button_title"
+                                        class="dnb-button dnb-button--secondary dnb-input__submit-button__button dnb-button--input-button dnb-button--active dnb-button--icon-position-right dnb-button--has-icon dnb-button--icon-size-icon_size dnb-button--size-medium"
+                                        id="autocomplete-id-submit-button"
+                                        type="button"
+                                      >
+                                        <span
+                                          aria-hidden="true"
+                                          class="dnb-button__alignment"
+                                        >
+                                          ‌
+                                        </span>
+                                      </button>,
+                                    }
+                                  }
+                                  tooltip="submit_button_title"
+                                >
+                                  <TooltipWithEvents
+                                    active={null}
+                                    align={null}
+                                    animatePosition={false}
+                                    arrow="center"
+                                    attributes={
+                                      Object {
+                                        "children": "submit_button_title",
+                                        "className": "dnb-tooltip",
+                                      }
+                                    }
+                                    className={null}
+                                    fixedPosition={false}
+                                    group={null}
+                                    hideDelay={500}
+                                    id="autocomplete-id-submit-button-tooltip"
+                                    internalId="autocomplete-id-submit-button-tooltip"
+                                    noAnimation={false}
+                                    position="top"
+                                    showDelay={300}
+                                    size="basis"
+                                    skipPortal={null}
+                                    target={
+                                      <button
+                                        aria-describedby="autocomplete-id-submit-button-tooltip"
+                                        aria-expanded="true"
+                                        aria-haspopup="listbox"
+                                        aria-label="submit_button_title"
+                                        class="dnb-button dnb-button--secondary dnb-input__submit-button__button dnb-button--input-button dnb-button--active dnb-button--icon-position-right dnb-button--has-icon dnb-button--icon-size-icon_size dnb-button--size-medium"
+                                        id="autocomplete-id-submit-button"
+                                        type="button"
+                                      >
+                                        <span
+                                          aria-hidden="true"
+                                          class="dnb-button__alignment"
+                                        >
+                                          ‌
+                                        </span>
+                                      </button>
+                                    }
+                                    targetElement={
+                                      Object {
+                                        "current": <button
+                                          aria-describedby="autocomplete-id-submit-button-tooltip"
+                                          aria-expanded="true"
+                                          aria-haspopup="listbox"
+                                          aria-label="submit_button_title"
+                                          class="dnb-button dnb-button--secondary dnb-input__submit-button__button dnb-button--input-button dnb-button--active dnb-button--icon-position-right dnb-button--has-icon dnb-button--icon-size-icon_size dnb-button--size-medium"
+                                          id="autocomplete-id-submit-button"
+                                          type="button"
+                                        >
+                                          <span
+                                            aria-hidden="true"
+                                            class="dnb-button__alignment"
+                                          >
+                                            ‌
+                                          </span>
+                                        </button>,
+                                      }
+                                    }
+                                    targetSelector={null}
+                                    tooltip="submit_button_title"
+                                  >
+                                    <TooltipPortal
+                                      active={null}
+                                      align={null}
+                                      animatePosition={false}
+                                      arrow="center"
+                                      attributes={
+                                        Object {
+                                          "children": "submit_button_title",
+                                          "className": "dnb-tooltip",
+                                        }
+                                      }
+                                      className={null}
+                                      fixedPosition={false}
+                                      group={null}
+                                      hideDelay={500}
+                                      id="autocomplete-id-submit-button-tooltip"
+                                      internalId="autocomplete-id-submit-button-tooltip"
+                                      keepInDOM={true}
+                                      noAnimation={false}
+                                      position="top"
+                                      showDelay={300}
+                                      size="basis"
+                                      skipPortal={null}
+                                      target={
+                                        <button
+                                          aria-describedby="autocomplete-id-submit-button-tooltip"
+                                          aria-expanded="true"
+                                          aria-haspopup="listbox"
+                                          aria-label="submit_button_title"
+                                          class="dnb-button dnb-button--secondary dnb-input__submit-button__button dnb-button--input-button dnb-button--active dnb-button--icon-position-right dnb-button--has-icon dnb-button--icon-size-icon_size dnb-button--size-medium"
+                                          id="autocomplete-id-submit-button"
+                                          type="button"
+                                        >
+                                          <span
+                                            aria-hidden="true"
+                                            class="dnb-button__alignment"
+                                          >
+                                            ‌
+                                          </span>
+                                        </button>
+                                      }
+                                      targetElement={
+                                        <button
+                                          aria-describedby="autocomplete-id-submit-button-tooltip"
+                                          aria-expanded="true"
+                                          aria-haspopup="listbox"
+                                          aria-label="submit_button_title"
+                                          class="dnb-button dnb-button--secondary dnb-input__submit-button__button dnb-button--input-button dnb-button--active dnb-button--icon-position-right dnb-button--has-icon dnb-button--icon-size-icon_size dnb-button--size-medium"
+                                          id="autocomplete-id-submit-button"
+                                          type="button"
+                                        >
+                                          <span
+                                            aria-hidden="true"
+                                            class="dnb-button__alignment"
+                                          >
+                                            ‌
+                                          </span>
+                                        </button>
+                                      }
+                                      targetSelector={null}
+                                      tooltip="submit_button_title"
+                                    >
+                                      <Portal
+                                        containerInfo={
+                                          <div
+                                            class="dnb-tooltip__portal dnb-core-style"
+                                          >
+                                            <span
+                                              aria-hidden="true"
+                                              class="dnb-tooltip"
+                                              role="tooltip"
+                                            >
+                                              <span
+                                                class="dnb-tooltip__arrow dnb-tooltip__arrow__arrow--center dnb-tooltip__arrow__position--top"
+                                              />
+                                              <span
+                                                class="dnb-tooltip__content"
+                                                id="autocomplete-id-submit-button-tooltip"
+                                              >
+                                                submit_button_title
+                                              </span>
+                                            </span>
+                                          </div>
+                                        }
+                                      >
+                                        <TooltipContainer
+                                          active={null}
+                                          align={null}
+                                          animatePosition={false}
+                                          arrow="center"
+                                          attributes={
+                                            Object {
+                                              "children": "submit_button_title",
+                                              "className": "dnb-tooltip",
+                                            }
+                                          }
+                                          className={null}
+                                          fixedPosition={false}
+                                          group={null}
+                                          hideDelay={500}
+                                          id="autocomplete-id-submit-button-tooltip"
+                                          internalId="autocomplete-id-submit-button-tooltip"
+                                          keepInDOM={true}
+                                          noAnimation={false}
+                                          position="top"
+                                          showDelay={300}
+                                          size="basis"
+                                          skipPortal={null}
+                                          target={
+                                            <button
+                                              aria-describedby="autocomplete-id-submit-button-tooltip"
+                                              aria-expanded="true"
+                                              aria-haspopup="listbox"
+                                              aria-label="submit_button_title"
+                                              class="dnb-button dnb-button--secondary dnb-input__submit-button__button dnb-button--input-button dnb-button--active dnb-button--icon-position-right dnb-button--has-icon dnb-button--icon-size-icon_size dnb-button--size-medium"
+                                              id="autocomplete-id-submit-button"
+                                              type="button"
+                                            >
+                                              <span
+                                                aria-hidden="true"
+                                                class="dnb-button__alignment"
+                                              >
+                                                ‌
+                                              </span>
+                                            </button>
+                                          }
+                                          targetElement={
+                                            <button
+                                              aria-describedby="autocomplete-id-submit-button-tooltip"
+                                              aria-expanded="true"
+                                              aria-haspopup="listbox"
+                                              aria-label="submit_button_title"
+                                              class="dnb-button dnb-button--secondary dnb-input__submit-button__button dnb-button--input-button dnb-button--active dnb-button--icon-position-right dnb-button--has-icon dnb-button--icon-size-icon_size dnb-button--size-medium"
+                                              id="autocomplete-id-submit-button"
+                                              type="button"
+                                            >
+                                              <span
+                                                aria-hidden="true"
+                                                class="dnb-button__alignment"
+                                              >
+                                                ‌
+                                              </span>
+                                            </button>
+                                          }
+                                          targetSelector={null}
+                                          tooltip="submit_button_title"
+                                        >
+                                          <span
+                                            aria-hidden={true}
+                                            className="dnb-tooltip"
+                                            onMouseDown={[Function]}
+                                            onMouseEnter={[Function]}
+                                            onMouseLeave={[Function]}
+                                            onMouseMove={[Function]}
+                                            onTouchStart={[Function]}
+                                            role="tooltip"
+                                            style={Object {}}
+                                          >
+                                            <span
+                                              className="dnb-tooltip__arrow dnb-tooltip__arrow__arrow--center dnb-tooltip__arrow__position--top"
+                                            />
+                                            <span
+                                              className="dnb-tooltip__content"
+                                              id="autocomplete-id-submit-button-tooltip"
+                                            >
+                                              submit_button_title
+                                            </span>
+                                          </span>
+                                        </TooltipContainer>
+                                      </Portal>
+                                    </TooltipPortal>
+                                  </TooltipWithEvents>
+                                </Tooltip>
                               </Button>
                             </span>
                           </InputSubmitButton>
@@ -953,7 +1213,10 @@ exports[`Autocomplete markup have to match snapshot 1`] = `
                           tabIndex="-1"
                           triangleRef={
                             Object {
-                              "current": null,
+                              "current": <li
+                                aria-hidden="true"
+                                class="dnb-drawer-list__triangle"
+                              />,
                             }
                           }
                         >
diff --git a/packages/dnb-eufemia/src/components/input/Input.js b/packages/dnb-eufemia/src/components/input/Input.js
index 2b3388864a9..482b9da1880 100644
--- a/packages/dnb-eufemia/src/components/input/Input.js
+++ b/packages/dnb-eufemia/src/components/input/Input.js
@@ -564,7 +564,7 @@ export default class Input extends React.PureComponent {
                     variant="tertiary"
                     aria-controls={id}
                     aria-label={clear_button_title}
-                    tooltip={clear_button_title}
+                    tooltip={hasValue && clear_button_title}
                     icon="close"
                     icon_size={size === 'small' ? 'small' : undefined}
                     skeleton={skeleton}
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/Input.test.js b/packages/dnb-eufemia/src/components/input/__tests__/Input.test.js
index 8100ea07aab..6a93c3ed780 100644
--- a/packages/dnb-eufemia/src/components/input/__tests__/Input.test.js
+++ b/packages/dnb-eufemia/src/components/input/__tests__/Input.test.js
@@ -469,6 +469,18 @@ describe('Input with clear button', () => {
     expect(clearButton.instance().hasAttribute('disabled')).toBe(true)
   })
 
+  it('should have a disabled clear button when initially empty value is given', () => {
+    const Comp = mount(<Component id="input-id" clear={true} />)
+
+    expect(Comp.find('input').instance().getAttribute('value')).toBe('')
+
+    const clearButton = Comp.find('button#input-id-clear-button')
+
+    expect(Comp.find('input').instance().getAttribute('value')).toBe('')
+    expect(clearButton.instance().getAttribute('aria-hidden')).toBe('true')
+    expect(clearButton.instance().hasAttribute('disabled')).toBe(true)
+  })
+
   it('should clear the value on escape key press', () => {
     const Comp = mount(<Component clear={true} value="value" />)
 
diff --git a/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListPortal.js b/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListPortal.js
index 320b03f8db3..8bb518a271d 100644
--- a/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListPortal.js
+++ b/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListPortal.js
@@ -129,7 +129,7 @@ class DrawerListPortal extends React.PureComponent {
       }
       const ownerElem = rootElem.parentElement
 
-      // min width as  a threshold
+      // min width as a threshold
       let width = 64
 
       // Handle width
@@ -164,9 +164,9 @@ class DrawerListPortal extends React.PureComponent {
         : window.scrollX !== undefined
         ? window.scrollX
         : window.pageXOffset
-      const top = scrollY + rect.top
-      // const top = scrollY + getOffsetTop(rootElem) // iOS 8 safe version
-      const left =
+
+      let top = scrollY + rect.top
+      let left =
         scrollX +
         rect.left +
         (include_owner_width ? parseFloat(ownerWidth || 0) : 0)
@@ -174,6 +174,12 @@ class DrawerListPortal extends React.PureComponent {
       if (width > window.innerWidth) {
         width = window.innerWidth
       }
+      if (top < 0) {
+        top = 0
+      }
+      if (left < 0) {
+        left = 0
+      }
 
       // NB:  before we recalculated the values to REM, but iOS rounds this and we get a wrong total value out of that!
       const style = {
@@ -196,14 +202,14 @@ class DrawerListPortal extends React.PureComponent {
 
     // debounce
     this.setPosition = () => {
-      clearTimeout(this._ddt)
-      this._ddt = setTimeout(() => {
+      clearTimeout(this.positionTimeout)
+      this.positionTimeout = setTimeout(() => {
         if (this.props.opened) {
           this.setState({
             random: Date.now(), // force re-render
           })
         }
-      }, 30)
+      }, 200)
     }
 
     this.customElem =
@@ -219,7 +225,7 @@ class DrawerListPortal extends React.PureComponent {
   }
 
   removePositionObserver() {
-    clearTimeout(this._ddt)
+    clearTimeout(this.positionTimeout)
     if (typeof window !== 'undefined' && this.setPosition) {
       if (this.customElem) {
         this.customElem.removeEventListener('scroll', this.setPosition)
diff --git a/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListProvider.js b/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListProvider.js
index 6e2109dd0d2..1745ce0ffad 100644
--- a/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListProvider.js
+++ b/packages/dnb-eufemia/src/fragments/drawer-list/DrawerListProvider.js
@@ -114,7 +114,7 @@ export default class DrawerListProvider extends React.PureComponent {
     clearTimeout(this._showTimeout)
     clearTimeout(this._hideTimeout)
     clearTimeout(this._scrollTimeout)
-    clearTimeout(this._ddTimeout)
+    clearTimeout(this._directionTimeout)
 
     this.removeObservers()
     this.setActiveState(false)
@@ -339,27 +339,27 @@ export default class DrawerListProvider extends React.PureComponent {
       } catch (e) {
         warn('List could not set onResize:', e)
       }
+
+      this.correctHiddenView()
     }
 
     // debounce
     this.setDirection = (e) => {
-      clearTimeout(this._ddTimeout)
-      this._ddTimeout = setTimeout(renderDirection, 30)
-
-      if (useDrawer && e.type === 'resize') {
-        if (
-          !this._bodyLockIsEnabled &&
-          // Like @media screen and (max-width: 40em) { ...
-          (window.innerWidth / 16 <= 40 || window.innerHeight / 16 <= 40)
-        ) {
-          this.enableBodyLock()
-        } else if (this._bodyLockIsEnabled && !useBodyLock) {
-          this.disableBodyLock()
-        }
-      }
+      clearTimeout(this._directionTimeout)
+      this._directionTimeout = setTimeout(renderDirection, 50)
 
       if (e.type === 'resize') {
-        this.correctHiddenView()
+        if (useDrawer) {
+          if (
+            !this._bodyLockIsEnabled &&
+            // Like @media screen and (max-width: 40em) { ...
+            (window.innerWidth / 16 <= 40 || window.innerHeight / 16 <= 40)
+          ) {
+            this.enableBodyLock()
+          } else if (this._bodyLockIsEnabled && !useBodyLock) {
+            this.disableBodyLock()
+          }
+        }
       }
     }
 
@@ -383,38 +383,54 @@ export default class DrawerListProvider extends React.PureComponent {
       this.enableBodyLock()
     }
 
-    this.correctHiddenView()
     this.refreshScrollObserver()
 
     renderDirection()
   }
 
-  correctHiddenView() {
+  /**
+   * Deprecated
+   * We should replace all the logic of handling left/right aligned
+   * and setting the position, with a PopupMenu component,
+   * which uses the logic form Tooltip.
+   *
+   * EDS-246
+   */
+  correctHiddenView = () => {
+    // console.log('this._refShell.current', this._refShell.current)
+    // console.log('this._refUl.current', this._refUl.current)
     // We use "style.transform", because it is a independent "and quick" solution
     // we could send down spaceToLeft and spaceToRight and set it with React's "style" prop in future
+    if (!this._refShell.current || !this._refUl.current) {
+      return // stop here
+    }
+
     try {
-      const ui = this._refUl.current
-      const spaceToLeft = getOffsetLeft(ui)
+      const spaceToLeft = getOffsetLeft(this._refUl.current)
       const spaceToRight =
-        window.innerWidth - (getOffsetLeft(ui) + ui.offsetWidth)
+        window.innerWidth -
+        (getOffsetLeft(this._refUl.current) +
+          this._refUl.current.offsetWidth)
 
-      const tri = this._refTriangle.current.style
-      const shell = this._refShell.current.style
+      const triangleStyle = this._refTriangle.current.style
+      const shellStyle = this._refShell.current.style
 
       // correct left side
       if (spaceToLeft < 0) {
-        shell.transform = `translateX(${Math.abs(spaceToLeft)}px)`
-        tri.right = `${Math.abs(spaceToLeft)}px`
+        shellStyle.transform = `translateX(${Math.abs(
+          spaceToLeft / 16
+        )}rem)`
+        triangleStyle.right = `${Math.abs(spaceToLeft / 16)}rem`
 
         // correct right side
       } else if (spaceToRight < 0) {
-        shell.transform = `translateX(${spaceToRight}px)`
-        tri.left = `${Math.abs(spaceToRight)}px`
+        shellStyle.transform = `translateX(${spaceToRight / 16}rem)`
+        triangleStyle.left = `${Math.abs(spaceToRight / 16)}rem`
       } else {
-        if (shell.transform) {
-          shell.transform = ''
-          tri.left = 'auto'
-          tri.right = 'auto'
+        if (shellStyle.transform) {
+          shellStyle.transform = ''
+          triangleStyle.left = 'auto'
+          triangleStyle.right = 'auto'
         }
       }
     } catch (e) {
@@ -576,7 +592,7 @@ export default class DrawerListProvider extends React.PureComponent {
   removeDirectionObserver() {
     this.disableBodyLock()
 
-    clearTimeout(this._ddTimeout)
+    clearTimeout(this._directionTimeout)
     if (typeof window !== 'undefined' && this.setDirection) {
       this._rootElem?.removeEventListener('scroll', this.setDirection)
 
@@ -607,12 +623,9 @@ export default class DrawerListProvider extends React.PureComponent {
     }
 
     if (wrapper_element !== this.state.wrapper_element) {
-      this.setState(
-        {
-          wrapper_element,
-        },
-        this.setOutsideClickObserver
-      )
+      this.setState({
+        wrapper_element,
+      })
     }
 
     return this