Such-Drop-down-Button mit fehlerhaftem Overflow

  • Eigentlich soll der Drop-down-Button links neben dem Suchfeld, mit dem man einstellen kann, in welchem Bereich man sucht, nicht länger als 200 px sein und der Text dann hinter einer Ellipsis verschwinden. Das funktioniert allerdings nicht korrekt (getestet in Safari und Chrome unter macOS). Wie sich zeigt, liegt das Problem im hier verwendeten display: flex;. Verwendet man hier ein display: block; (und korrigiert entsprechend die Zeilenhöhe), funktioniert es, wie es soll.