R Shiny Dropdown on hover

Question

Is there a simple package/CSS script that allows the selectInput() to display the drop-down contents on over instead of on click.

Been doing some research and it seems like this is not possible because the functionality is rendered by the browser. The only option may be to create a custom ul element using HTML and adding CSS to this. Is this the only way?

Is the twitter bootstrap package appropriate for this problem? Been having trouble finding good examples of the methods described in this package.

abdul-wahab · Accepted Answer · 2018-03-25T04:40:37.157

1

It is possible to make native select to open on hover, but there are better options.

Yes, twitter bootstrap is a viable option if you are already using it or have planned or researched about it.

Use select2 and see here how can you open it on hover using simple jQuery.

Here's HTML5's native way:

<select onMouseOut="this.size=1;" onMouseOver="this.size=this.length;">
    <option>Option Value 1</option>
    <option>Option Value 2</option>
    <option>Option Value 3</option>
    <option>Option Value 4</option>
    <option>Option Value 5</option>
    <option>Option Value 6</option>
    <option>Option Value 7</option>
</select>

edited Mar 25 '18 at 04:40

answered Mar 25 '18 at 00:27

abdul-wahab

2,182
3
21
35

select2 may be a good idea but getting jquery to integrate with R Shiny can get complicated! – Sada93 Mar 25 '18 at 01:38
You are right. I haven't looked into shiny much. I think you can start a bit and then post, you'll get a lot of help here. – abdul-wahab Mar 25 '18 at 01:42
Whats the native way to do it? – Sada93 Mar 25 '18 at 02:30
I've added the native way in my answer. But I guess It'll only be helpful if you wanted to customize the package. – abdul-wahab Mar 25 '18 at 04:42
It works, but like you said there are probably better ways of doing it for aesthetic reasons. – Sada93 Mar 25 '18 at 19:28

R Shiny Dropdown on hover

1 Answers1