odoo/odoo#206909

Created by Bugfix, Nicolas Lempereur (nle)
Merged at 36e043b2bdb76774a1606c4da27ac4fb512e618f

Statuses:

label
odoo-dev:16.0-website-slides-opw-4735257-nle
head
056b7735a93cb9008c6ee3c8258bd056ef9a4080
merged
3 days ago by SM Learn, Florian Charlier (flch)
odoo/odoo
17.0 #206909
18.0 #237644
saas-18.2 #237664
saas-18.3 #237671
saas-18.4 #237723

[FIX] website_slides: All Courses result dropdown below search

Scenario: go to homepage > Courses > one "View all" > type in search

Result: dropdown with result is shown over the search input

Issue: search form is in flex layout, but the dropdown is displayed
in absolute so it is outside of flex flow and is positionned at the
top-right of the form container.

History:

  • before bootstrap 4 (odoo 15): the search form had a flex layout, but
    bootstrap dropdown used "top:100%" so were positionned at the bottom
    of it.

  • as of bootstrap 5 (odoo 16): the form kept a flex layout, but
    bootstrap dropdown now used "position: absolute" with unset top
    putting them below the search item in a block container, but over
    it in a flex layout.

Fix: when the search bar is displayed, display it as block.

opw-4735257