Search bar suggestions aligned strangely?

1484
2
Jump to solution
02-19-2016 04:09 PM
ZoeZaloudek
Occasional Contributor

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...

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

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;
}

View solution in original post

0 Kudos
2 Replies
RobertScheitlin__GISP
MVP Emeritus

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;
}
0 Kudos
ZoeZaloudek
Occasional Contributor

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

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