From 6653dca776f487af07e2ed14e316bc1811b57f3b Mon Sep 17 00:00:00 2001
From: Matiss Janis Aboltins <matiss@mja.lv>
Date: Mon, 29 Jul 2024 22:00:27 +0100
Subject: [PATCH] :bug: (modals) remove focus outline (#3160)
Closes #3141
---
packages/desktop-client/src/components/common/Modal2.tsx | 7 ++++++-
upcoming-release-notes/3160.md | 6 ++++++
2 files changed, 12 insertions(+), 1 deletion(-)
create mode 100644 upcoming-release-notes/3160.md
diff --git a/packages/desktop-client/src/components/common/Modal2.tsx b/packages/desktop-client/src/components/common/Modal2.tsx
index 189f25660..1f0c444aa 100644
--- a/packages/desktop-client/src/components/common/Modal2.tsx
+++ b/packages/desktop-client/src/components/common/Modal2.tsx
@@ -87,7 +87,12 @@ export const Modal = ({
>
<ReactAriaModal>
{modalProps => (
- <Dialog aria-label="Modal dialog">
+ <Dialog
+ aria-label="Modal dialog"
+ style={{
+ outline: 'none', // remove focus outline
+ }}
+ >
<ModalContentContainer
noAnimation={noAnimation}
isActive={isActive(name)}
diff --git a/upcoming-release-notes/3160.md b/upcoming-release-notes/3160.md
new file mode 100644
index 000000000..984fcf8ea
--- /dev/null
+++ b/upcoming-release-notes/3160.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [MatissJanis]
+---
+
+Remove focus outline from modals.
--
GitLab