Append z-index to dropdown menu in LangSelector.js

This commit is contained in:
MISONLN41 2021-05-24 12:08:23 +09:00 committed by yudejp
parent 3a70be536b
commit a985ed97e8
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
1 changed files with 1 additions and 1 deletions

View File

@ -44,7 +44,7 @@ const Dropdown = ({ color }) => {
</svg>
</button>
<div ref={popoverDropdownRef} className={
(dropdownPopoverShow ? "block " : "hidden ") + "origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"}>
(dropdownPopoverShow ? "block " : "hidden ") + "z-10 origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"}>
<div className="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<Link href="#" locale="ja">
<a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">日本語</a>