Скользящий div внутри карт Google

Я хочу создать расширяемый div, который скользит справа на картах Google. Функциональность должна быть аналогична тому, что здесь делает #app-viewcard-strip: https://www.google.com/maps/@41.5278682,-76.2402656,12z.

Видео для ознакомления: https://streamable.com/afrk3

Основная функциональность заключается в том, что div находится отдельно от элементов управления и перемещает элементы управления вверх, чтобы соответствовать div. Я хочу сделать ту же функциональность, но переместить элементы управления влево.

У меня есть прототип: https://codepen.io/ParoXsitiC/pen/EzLMZv

Однако я не могу заставить #mySidenav содержаться внутри #mapPlaceholder