topic Search bar suggestions aligned strangely? in ArcGIS JavaScript Maps SDK Questions

Search bar suggestions aligned strangely?

ZoeZaloudek — Sat, 20 Feb 2016 00:09:15 GMT

I decided to use the code from the Basic Search sample and add a search bar to an existing WMA. I have finally gotten my Search Div to display the way that I want... But when I start typing into the search box, the suggestions are not aligned well, and the first character or so is cut off on the left. I'm attaching a screenshot.

Has anyone else run into this? I'm guessing there are just some style settings that I need to change, but I haven't figured it out yet...

Re: Search bar suggestions aligned strangely?

RobertScheitlin__GISP — Sun, 12 Dec 2021 01:26:28 GMT

Zoe,

I have not seen this before but the likely solution adjust the css:

I changed the padding from padding: 5px 10px to padding: 5px 20px

.claro .arcgisSearch .searchMenu li {
    padding: 5px 20px;
    line-height: 20px;
}

Re: Search bar suggestions aligned strangely?

ZoeZaloudek — Sun, 12 Dec 2021 01:26:31 GMT

Thankts, that did the trick! Here's what I ended up using:

.claro .arcgisSearch .searchMenu li {
    padding: 5px 25px;
}