Fixed floating search combobox and votes tooltip over votes modal issues

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@sirrius·
0.000 HBD
Fixed floating search combobox and votes tooltip over votes modal issues
In this development contribution I want to report two issues I fixed for [Utopian.io](https://utopian.io) website.

<center>![contribution8.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625816/xxx3cdeceilbea0mcq7o.png)
</center>

### The first issue
was that the search dropdown menu (combobox) was scrolling together with the page instead of remaining fixed.

Here is an illustration of the issue:

<center>![utopian-floating-combobox.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625832/w2vyyoaigtconj23wbft.png)
</center>

Changes I made:
- I forced the dropdown menu to always have position fixed.

Reported issue: https://github.com/utopian-io/utopian.io/issues/95



### The second issue
was that upon clicking/tapping on the number of votes, both the votes tooltip and the votes modal would appear but the votes tooltip was on top of the votes modal.

Here is how it looked:

<center>![utopian-tooltip-over-modal.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625842/t6p7lsvpq2p7g8etghcd.png)
</center>

Changes I made:
- I changed the z-index property of the votes tooltip so that it will always stay behing the votes modal

Reported issue: https://github.com/utopian-io/utopian.io/issues/98

I made two separate commits in order to fix the above mentioned issues, but I have put both of them in a single pull request.

Pull request: https://github.com/utopian-io/utopian.io/pull/100

Here is also a screenshot of the merged pull request:
<center>![utopian-pull-100.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625855/lfevqpx3eho8vlozi4ua.png)
</center>


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@sirrius/fixed-floating-search-combobox-and-votes-tooltip-over-votes-modal-issues">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍 , , , , , , , , , , , , , , , , , , , , ,