diff options
author | silverwind <me@silverwind.io> | 2023-04-09 18:18:45 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-04-09 12:18:45 -0400 |
commit | 9f6bc7c6f4f657c3245db7cea44c85454d5d8606 (patch) | |
tree | b76705594765c611586d98e1976c90300438fbf9 /templates | |
parent | 8bc8ca1953e9edfe1677378472c321b3d33875fd (diff) | |
download | gitea-9f6bc7c6f4f657c3245db7cea44c85454d5d8606.tar.gz gitea-9f6bc7c6f4f657c3245db7cea44c85454d5d8606.zip |
Replace tribute with text-expander-element for textarea (#23985)
The completion popup now behaves now much more as expected than before
for the raw textarea:
- You can press <kbd>Tab</kbd> or <kbd>Enter</kbd> once the completion
popup is open to accept the selected item
- The menu does not close automatically when moving the cursor
- When you delete text, previously correct suggestions are shown again
- If you delete all text until the opening char (`@` or `:`) after
applying a suggestion, the popup reappears again
- Menu UI has been improved
<img width="278" alt="Screenshot 2023-04-07 at 19 43 42"
src="https://user-images.githubusercontent.com/115237/230653601-d6517b9f-0988-445e-aa57-5ebfaf5039f3.png">
Diffstat (limited to 'templates')
-rw-r--r-- | templates/shared/combomarkdowneditor.tmpl | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/templates/shared/combomarkdowneditor.tmpl b/templates/shared/combomarkdowneditor.tmpl index 0027ce8427..887673e40e 100644 --- a/templates/shared/combomarkdowneditor.tmpl +++ b/templates/shared/combomarkdowneditor.tmpl @@ -39,7 +39,9 @@ Template Attributes: <span class="markdown-toolbar-button markdown-switch-easymde">{{svg "octicon-arrow-switch"}}</span> </div> </markdown-toolbar> - <textarea class="markdown-text-editor js-quick-submit" name="{{.TextareaName}}" placeholder="{{.TextareaPlaceholder}}">{{.TextareaContent}}</textarea> + <text-expander keys=": @"> + <textarea class="markdown-text-editor js-quick-submit" name="{{.TextareaName}}" placeholder="{{.TextareaPlaceholder}}">{{.TextareaContent}}</textarea> + </text-expander> </div> <div class="ui tab markup" data-tab-panel="markdown-previewer"> {{.locale.Tr "loading"}} |