diff --git a/addons/web/static/src/core/autocomplete/autocomplete.js b/addons/web/static/src/core/autocomplete/autocomplete.js index 549a3c5d145..d863dd259a5 100644 --- a/addons/web/static/src/core/autocomplete/autocomplete.js +++ b/addons/web/static/src/core/autocomplete/autocomplete.js @@ -5,7 +5,7 @@ import { useDebounced } from "@web/core/utils/timing"; import { getActiveHotkey } from "@web/core/hotkeys/hotkey_service"; import { usePosition } from "@web/core/position_hook"; -const { Component, useExternalListener, useRef, useState, useEffect } = owl; +const { Component, useExternalListener, useRef, useState } = owl; export class AutoComplete extends Component { setup() { @@ -39,18 +39,9 @@ export class AutoComplete extends Component { }); // position and size - const sourcesListRef = useRef("sourcesList"); - useEffect( - () => { - if (sourcesListRef.el) { - sourcesListRef.el.style.width = - this.inputRef.el.getBoundingClientRect().width + "px"; - } - }, - () => [sourcesListRef.el] - ); usePosition(() => this.inputRef.el, { popper: "sourcesList", + position: "bottom-start", }); } diff --git a/addons/web/static/src/core/autocomplete/autocomplete.scss b/addons/web/static/src/core/autocomplete/autocomplete.scss index 2f186ac15b1..4c1204bd316 100644 --- a/addons/web/static/src/core/autocomplete/autocomplete.scss +++ b/addons/web/static/src/core/autocomplete/autocomplete.scss @@ -3,9 +3,4 @@ .o-autocomplete--input { width: 100%; } - - .o-autocomplete--dropdown-menu { - left: 0; - right: 0; - } }