search

marklogic-community / grove

Grove, a toolkit full of tooling, templates, and other resources that help with building UI applications on top of MarkLogic.
https://marklogic-community.github.io/grove/
Other
5 stars 1 forks source link

Grove VUE styling: Suggestions drop down is behind other elements #34

Open danielholgate opened 4 years ago

danielholgate commented 4 years ago

When using Grove Vue and suggestions are configured, the styling for the drop down is incorrect. Drop down appears behind other elements and looks messy:

See screen shot: Screen Shot 2019-11-26 at 13 05 40

danielholgate commented 4 years ago

Something like this seems to look better in ml-input.vue:

   .suggestions {
    top: 33px;
    position: absolute;
    z-index: 100;
  //  font-size: 1.2em;

    padding-right: 2px;
    padding-left: 2px;

    left: 15px;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    overflow: auto;
  }

After screen shot: Screen Shot 2019-11-26 at 13 25 39