JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="dropdown-menu">
        <li tabindex="-1">1</li>
        <li tabindex="-1">2</li>
        <li tabindex="-1">3</li>
        <li tabindex="-1">4</li>
        <li tabindex="-1">5</li>
        <li tabindex="-1">6</li>
        <li tabindex="-1">7</li>
        <li tabindex="-1">8</li>
        <li tabindex="-1">9</li>
        <li tabindex="-1">10</li>
        <li tabindex="-1">11</li>
        <li tabindex="-1">12</li>
        <li tabindex="-1">13</li>
        <li tabindex="-1">14</li>
        <li tabindex="-1">15</li>
        <li tabindex="-1">16</li>
        <li tabindex="-1">17</li>
        <li tabindex="-1">18</li>
        <li tabindex="-1">19</li>
    </ul>

CSS

ul { overflow: auto; height: 100px; padding: 5px; border: 1px solid blue; }

JavaScript

$(function () {
    $('li').keydown (function (e) {
        e.preventDefault();
    });
});