Fix audio being unclickable on textarea focus (#105)
* Fix audio being unclickable on textarea focus * Small Readme fix
This commit is contained in:
@@ -85,7 +85,7 @@ These are the currently known *Lingva* instances. Feel free to make a Pull Reque
|
|||||||
| [translate.datatunnel.xyz](https://translate.datatunnel.xyz) | [Hetzner](https://hetzner.com/) | [Let's Encrypt](https://www.ssllabs.com/ssltest/analyze.html?d=translate.datatunnel.xyz) |
|
| [translate.datatunnel.xyz](https://translate.datatunnel.xyz) | [Hetzner](https://hetzner.com/) | [Let's Encrypt](https://www.ssllabs.com/ssltest/analyze.html?d=translate.datatunnel.xyz) |
|
||||||
| [lingva.esmailelbob.xyz](https://lingva.esmailelbob.xyz/) | [Kimsufi](https://kimsufi.com/) | [Let's Encrypt](https://www.ssllabs.com/ssltest/analyze.html?d=lingva.esmailelbob.xyz) |
|
| [lingva.esmailelbob.xyz](https://lingva.esmailelbob.xyz/) | [Kimsufi](https://kimsufi.com/) | [Let's Encrypt](https://www.ssllabs.com/ssltest/analyze.html?d=lingva.esmailelbob.xyz) |
|
||||||
| [translate.plausibility.cloud](https://translate.plausibiity.cloud) | [Hetzner](https://hetzner.com/) | [Let's Encrypt](https://www.ssllabs.com/ssltest/analyze.html?d=translate.plausibility.cloud) |
|
| [translate.plausibility.cloud](https://translate.plausibiity.cloud) | [Hetzner](https://hetzner.com/) | [Let's Encrypt](https://www.ssllabs.com/ssltest/analyze.html?d=translate.plausibility.cloud) |
|
||||||
| [lingva.lunar.icu/](https://lingva.lunar.icu/) | [Lansol](https://lansol.de/) | [Cloudflare](https://www.ssllabs.com/ssltest/analyze.html?d=lingva.lunar.icu) |
|
| [lingva.lunar.icu](https://lingva.lunar.icu/) | [Lansol](https://lansol.de/) | [Cloudflare](https://www.ssllabs.com/ssltest/analyze.html?d=lingva.lunar.icu) |
|
||||||
|
|
||||||
## Public APIs
|
## Public APIs
|
||||||
|
|
||||||
|
|||||||
@@ -27,6 +27,7 @@ const TranslationArea: FC<Props> = ({ value, onChange, onSubmit, readOnly, audio
|
|||||||
<Box
|
<Box
|
||||||
position="relative"
|
position="relative"
|
||||||
w="full"
|
w="full"
|
||||||
|
isolation="isolate"
|
||||||
>
|
>
|
||||||
<Textarea
|
<Textarea
|
||||||
value={value}
|
value={value}
|
||||||
@@ -44,6 +45,8 @@ const TranslationArea: FC<Props> = ({ value, onChange, onSubmit, readOnly, audio
|
|||||||
position="absolute"
|
position="absolute"
|
||||||
bottom={4}
|
bottom={4}
|
||||||
right={4}
|
right={4}
|
||||||
|
// Needed because the textarea stacks over on focus
|
||||||
|
zIndex={3}
|
||||||
>
|
>
|
||||||
{canCopy && (
|
{canCopy && (
|
||||||
<Tooltip label={hasCopied ? "Copied!" : "Copy to clipboard"}>
|
<Tooltip label={hasCopied ? "Copied!" : "Copy to clipboard"}>
|
||||||
|
|||||||
Reference in New Issue
Block a user