diff --git a/src/app/organisms/navigation/Drawer.scss b/src/app/organisms/navigation/Drawer.scss
index c16b9748..0a33c4d8 100644
--- a/src/app/organisms/navigation/Drawer.scss
+++ b/src/app/organisms/navigation/Drawer.scss
@@ -49,7 +49,7 @@
&::before {
position: absolute;
top: 0;
-
+ z-index: 99;
content: '';
display: inline-block;
width: 100%;
diff --git a/src/app/organisms/room/RoomViewCmdBar.jsx b/src/app/organisms/room/RoomViewCmdBar.jsx
index e4a3e634..676e8f85 100644
--- a/src/app/organisms/room/RoomViewCmdBar.jsx
+++ b/src/app/organisms/room/RoomViewCmdBar.jsx
@@ -220,14 +220,6 @@ function RoomViewCmdBar({ roomId, roomTimeline, viewEvent }) {
}
deactivateCmd();
}
- function executeCmd() {
- if (cmd.suggestions.length === 0) return;
- fireCmd({
- prefix: cmd.prefix,
- option: cmd.option,
- result: cmd.suggestions[0],
- });
- }
function listenKeyboard(event) {
const { activeElement } = document;
@@ -258,13 +250,11 @@ function RoomViewCmdBar({ roomId, roomTimeline, viewEvent }) {
useEffect(() => {
if (cmd !== null) document.body.addEventListener('keydown', listenKeyboard);
viewEvent.on('cmd_process', processCmd);
- viewEvent.on('cmd_exe', executeCmd);
asyncSearch.on(asyncSearch.RESULT_SENT, displaySuggestions);
return () => {
if (cmd !== null) document.body.removeEventListener('keydown', listenKeyboard);
viewEvent.removeListener('cmd_process', processCmd);
- viewEvent.removeListener('cmd_exe', executeCmd);
asyncSearch.removeListener(asyncSearch.RESULT_SENT, displaySuggestions);
};
}, [cmd]);
diff --git a/src/app/organisms/room/RoomViewInput.jsx b/src/app/organisms/room/RoomViewInput.jsx
index a262fee5..9a9f6f35 100644
--- a/src/app/organisms/room/RoomViewInput.jsx
+++ b/src/app/organisms/room/RoomViewInput.jsx
@@ -243,10 +243,7 @@ function RoomViewInput({
const handleKeyDown = (e) => {
if (e.keyCode === 13 && e.shiftKey === false) {
e.preventDefault();
-
- if (isCmdActivated) {
- viewEvent.emit('cmd_exe');
- } else sendMessage();
+ sendMessage();
}
};
@@ -298,7 +295,7 @@ function RoomViewInput({
function renderInputs() {
if (!canISend) {
return (
- You do not have permission to post to this room
+ You do not have permission to post to this room
);
}
return (
@@ -312,6 +309,7 @@ function RoomViewInput({
{ e.preventDefault(); }}>
{
- roomTimeline.room.isSpaceRoom()
- ? Spaces are yet to be implemented
- : renderInputs()
+ renderInputs()
}
>
diff --git a/src/app/organisms/room/RoomViewInput.scss b/src/app/organisms/room/RoomViewInput.scss
index 9e0f1a91..ccf5d58c 100644
--- a/src/app/organisms/room/RoomViewInput.scss
+++ b/src/app/organisms/room/RoomViewInput.scss
@@ -1,18 +1,12 @@
.room-input {
padding: var(--sp-extra-tight) calc(var(--sp-normal) - 2px);
display: flex;
- min-height: 48px;
+ min-height: 56px;
- &__disallowed {
- flex: 1;
- text-align: center;
- }
-
- &__space {
- min-width: 0;
- align-self: center;
+ &__alert {
margin: auto;
padding: 0 var(--sp-tight);
+ text-align: center;
}
&__input-container {
@@ -30,17 +24,6 @@
transform: scale(0.8);
margin: 0 var(--sp-extra-tight);
}
-
- & .btn-cmd-esc {
- display: none;
- margin: 0 var(--sp-extra-tight);
- padding: var(--sp-ultra-tight) var(--sp-extra-tight);
- background-color: var(--bg-surface);
- border-radius: calc(var(--bo-radius) / 2);
- box-shadow: var(--bs-surface-border);
- cursor: pointer;
- & .text { color: var(--tc-surface-normal); }
- }
& .scrollbar {
max-height: 50vh;
diff --git a/src/app/organisms/search/Search.scss b/src/app/organisms/search/Search.scss
index 61da28b4..34309a45 100644
--- a/src/app/organisms/search/Search.scss
+++ b/src/app/organisms/search/Search.scss
@@ -54,6 +54,7 @@
&::after {
position: absolute;
top: 0;
+ z-index: 99;
content: "";
display: inline-block;
width: 100%;
diff --git a/src/client/event/hotkeys.js b/src/client/event/hotkeys.js
index f0175b05..a3547248 100644
--- a/src/client/event/hotkeys.js
+++ b/src/client/event/hotkeys.js
@@ -6,11 +6,24 @@ function listenKeyboard(event) {
if (event.ctrlKey) {
// k - for search Modal
if (event.keyCode === 75) {
- if (navigation.isRawModalVisible) return;
event.preventDefault();
+ if (navigation.isRawModalVisible) return;
openSearch();
}
}
+ if (!event.ctrlKey && !event.altKey) {
+ if (navigation.isRawModalVisible) return;
+ if (['input', 'textarea'].includes(document.activeElement.type)) {
+ return;
+ }
+ if (event.keyCode < 48
+ || (event.keyCode >= 91 && event.keyCode <= 93)
+ || (event.keyCode >= 112 && event.keyCode <= 183)) {
+ return;
+ }
+ const msgTextarea = document.getElementById('message-textarea');
+ msgTextarea?.focus();
+ }
}
function initHotkeys() {