Topic: Overflow bug in .side-nav .search-form input[type=text]

chimericdream pro asked 6 years ago

There appears to be an overflow issue with the search form in the side nav. I found that the offending rule is a left padding on the text input, which causes the total width of the input to be 270px, 30px wider than the parent container. Screenshot of the issue: Based on my brief testing, I believe the fix is fairly straightforward. In _side-nav.scss, at line 143, add a new rule to the input[type=text] block so it looks like so:
input[type=text] {
    border-bottom: 1px solid #fff;
    font-weight: 300;
    padding-left: 30px;
    width: calc(100% - 30px);

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: Yes