diff --git a/src/javascript/app/pages/trade/markets/markets-dropdown.jsx b/src/javascript/app/pages/trade/markets/markets-dropdown.jsx index b3ff4208c4c..bf5a474769b 100644 --- a/src/javascript/app/pages/trade/markets/markets-dropdown.jsx +++ b/src/javascript/app/pages/trade/markets/markets-dropdown.jsx @@ -208,6 +208,22 @@ export const MarketsDropdown = () => { closeMarketDropdown(); }; + useEffect(() => { + if (isMounted && itemsContainer.current) { + + const container = itemsContainer.current; + const selectedElement = container.querySelector('.market-item-selected'); + if (selectedElement) { + const offsetTop = selectedElement.offsetTop - container.offsetTop; + container.scrollTo({ + top : offsetTop, + behavior: 'auto', + }); + } + + } + }, [isMounted]); + return (