Pressing tab after choosed a prompt doesn't switch to [] block automaticlly #4111

Closed
opened 2025-11-11 15:46:13 -06:00 by GiteaMirror · 2 comments
Owner

Originally created by @changchiyou on GitHub (Feb 25, 2025).

Bug Report

Installation Method

Docker

Environment

  • Open WebUI Version: v0.5.16

  • Ollama (if applicable): x

  • Operating System: Ubuntu 24.04.1 LTS

  • Browser (if applicable): Chrome Version 133.0.6943.100 (Official Build) (arm64)

Confirmation:

  • I have read and followed all the instructions provided in the README.md.
  • I am on the latest version of both Open WebUI and Ollama.
  • I have included the browser console logs.
  • I have included the Docker container logs.
  • I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below.

Expected Behavior:

Can't find the docs and the tips showed when creating prompts in workplace, but I'm pretty sure that before I can design a prompt like these Hello World, [name]!. After I choosed this prompt and press tab, Open WebUI would automaticlly select [name] and I can simply key-in words to replace them, which is very convenience for prompting.

Actual Behavior:

Open WebUI doesn't automaticlly select [name], therefore I have to select them by myself.

Description

Bug Summary:

Prompt [] syntax's interaction with tab key may broken, or there was feature update but I can't find any release / docs talking about this issue.

Reproduction Details

Steps to Reproduce:

Already provided above.

Logs and Screenshots

Browser Console Logs:

Chrome Logs wtp.js:51 url: https://gpt.changchiyou.com/ wtp.js:52 referrer: +layout.svelte:459 Backend config: {status: true, name: 'GPT (Open WebUI)', version: '0.5.16', default_locale: '', oauth: {…}, …} +layout.svelte:76 connected w8nlCd6cSrEK6zn9AAFp +layout.svelte:95 user-list {user_ids: Array(1)} +layout.svelte:100 usage {models: Array(0)} +layout.svelte:95 user-list {user_ids: Array(1)} Chat.svelte:390 mounted RichTextInput.svelte:128 RichTextInput.svelte:163 [tiptap warn]: Duplicate extension names found: ['codeBlock']. This can lead to issues. resolve @ index.js:1158 un @ index.js:1144 createExtensionManager @ index.js:4470 _g @ index.js:4302 (anonymous) @ RichTextInput.svelte:163 await in (anonymous) J @ utils.js:41 (anonymous) @ Component.js:47 _t @ scheduler.js:99 Promise.then ut @ scheduler.js:20 ht @ Component.js:81 (anonymous) @ Component.js:139 (anonymous) @ +layout.svelte:208 await in (anonymous) J @ utils.js:41 (anonymous) @ Component.js:47 _t @ scheduler.js:99 Promise.then ut @ scheduler.js:20 ht @ Component.js:81 (anonymous) @ Component.js:139 (anonymous) @ +layout.svelte:549 await in (anonymous) J @ utils.js:41 (anonymous) @ Component.js:47 _t @ scheduler.js:99 Pt @ Component.js:164 wt @ root.svelte:23 se @ client.js:451 J @ client.js:1428 await in J oe @ client.js:384 fn @ client.js:1756 vn @ client.js:311 await in vn (anonymous) @ (index):106 Promise.then (anonymous) @ (index):105 214232fae3784e4211445b73691c10392fe9b60ab996d35cba0dac48de5df69f:1
   Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies.

214232fae3784e4211445b73691c10392fe9b60ab996d35cba0dac48de5df69f:1

   Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies.

RichTextInput.svelte:120 TextSelection endpoint not pointing into a node with inline content (doc)
co @ index.js:221
K @ index.js:235
create @ index.js:281
(anonymous) @ RichTextInput.svelte:120
setTimeout
I @ RichTextInput.svelte:114
EN.t.$$.update @ RichTextInput.svelte:375
dt @ scheduler.js:115
_t @ scheduler.js:79
Promise.then
ut @ scheduler.js:20
ht @ Component.js:81
(anonymous) @ Component.js:139
hn @ Chat.svelte:2000
L @ Chat.svelte:1976
(anonymous) @ Component.js:138
fe @ MessageInput.svelte:514
j @ MessageInput.svelte:397
(anonymous) @ Component.js:138
p @ Commands.svelte:59
s @ Commands.svelte:64
(anonymous) @ Component.js:138
p @ Prompts.svelte:114
b @ Prompts.svelte:154
d @ Prompts.svelte:166
mt @ MessageInput.svelte:809
(anonymous) @ lifecycle.js:105
(anonymous) @ lifecycle.js:104
keydown @ RichTextInput.svelte:286
(anonymous) @ index.js:3092
someProp @ index.js:5484
da @ index.js:3090
t.dom.addEventListener.t.input.eventHandlers. @ index.js:3059

Docker Container Logs:
x

Screenshots/Screen Recordings (if applicable):

Image Image

Additional Information

x

Note

If the bug report is incomplete or does not follow the provided instructions, it may not be addressed. Please ensure that you have followed the steps outlined in the README.md and troubleshooting.md documents, and provide all necessary information for us to reproduce and address the issue. Thank you!

Originally created by @changchiyou on GitHub (Feb 25, 2025). # Bug Report ## Installation Method Docker ## Environment - **Open WebUI Version:** v0.5.16 - **Ollama (if applicable):** x - **Operating System:** Ubuntu 24.04.1 LTS - **Browser (if applicable):** Chrome Version 133.0.6943.100 (Official Build) (arm64) **Confirmation:** - [x] I have read and followed all the instructions provided in the README.md. - [x] I am on the latest version of both Open WebUI and Ollama. - [x] I have included the browser console logs. - [ ] I have included the Docker container logs. - [x] I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below. ## Expected Behavior: Can't find the docs and the tips showed when creating prompts in workplace, but I'm pretty sure that before I can design a prompt like these `Hello World, [name]!`. After I choosed this prompt and press `tab`, Open WebUI would automaticlly select `[name]` and I can simply key-in words to replace them, which is very convenience for prompting. ## Actual Behavior: Open WebUI doesn't automaticlly select `[name]`, therefore I have to select them by myself. ## Description **Bug Summary:** Prompt [] syntax's interaction with tab key may broken, or there was feature update but I can't find any release / docs talking about this issue. ## Reproduction Details **Steps to Reproduce:** Already provided above. ## Logs and Screenshots **Browser Console Logs:** <details><summary>Chrome Logs</summary> wtp.js:51 url: https://gpt.changchiyou.com/ wtp.js:52 referrer: +layout.svelte:459 Backend config: {status: true, name: 'GPT (Open WebUI)', version: '0.5.16', default_locale: '', oauth: {…}, …} +layout.svelte:76 connected w8nlCd6cSrEK6zn9AAFp +layout.svelte:95 user-list {user_ids: Array(1)} +layout.svelte:100 usage {models: Array(0)} +layout.svelte:95 user-list {user_ids: Array(1)} Chat.svelte:390 mounted RichTextInput.svelte:128 RichTextInput.svelte:163 [tiptap warn]: Duplicate extension names found: ['codeBlock']. This can lead to issues. resolve @ index.js:1158 un @ index.js:1144 createExtensionManager @ index.js:4470 _g @ index.js:4302 (anonymous) @ RichTextInput.svelte:163 await in (anonymous) J @ utils.js:41 (anonymous) @ Component.js:47 _t @ scheduler.js:99 Promise.then ut @ scheduler.js:20 ht @ Component.js:81 (anonymous) @ Component.js:139 (anonymous) @ +layout.svelte:208 await in (anonymous) J @ utils.js:41 (anonymous) @ Component.js:47 _t @ scheduler.js:99 Promise.then ut @ scheduler.js:20 ht @ Component.js:81 (anonymous) @ Component.js:139 (anonymous) @ +layout.svelte:549 await in (anonymous) J @ utils.js:41 (anonymous) @ Component.js:47 _t @ scheduler.js:99 Pt @ Component.js:164 wt @ root.svelte:23 se @ client.js:451 J @ client.js:1428 await in J oe @ client.js:384 fn @ client.js:1756 vn @ client.js:311 await in vn (anonymous) @ (index):106 Promise.then (anonymous) @ (index):105 214232fae3784e4211445b73691c10392fe9b60ab996d35cba0dac48de5df69f:1 Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies. 214232fae3784e4211445b73691c10392fe9b60ab996d35cba0dac48de5df69f:1 Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies. RichTextInput.svelte:120 TextSelection endpoint not pointing into a node with inline content (doc) co @ index.js:221 K @ index.js:235 create @ index.js:281 (anonymous) @ RichTextInput.svelte:120 setTimeout I @ RichTextInput.svelte:114 EN.t.$$.update @ RichTextInput.svelte:375 dt @ scheduler.js:115 _t @ scheduler.js:79 Promise.then ut @ scheduler.js:20 ht @ Component.js:81 (anonymous) @ Component.js:139 hn @ Chat.svelte:2000 L @ Chat.svelte:1976 (anonymous) @ Component.js:138 fe @ MessageInput.svelte:514 j @ MessageInput.svelte:397 (anonymous) @ Component.js:138 p @ Commands.svelte:59 s @ Commands.svelte:64 (anonymous) @ Component.js:138 p @ Prompts.svelte:114 b @ Prompts.svelte:154 d @ Prompts.svelte:166 mt @ MessageInput.svelte:809 (anonymous) @ lifecycle.js:105 (anonymous) @ lifecycle.js:104 keydown @ RichTextInput.svelte:286 (anonymous) @ index.js:3092 someProp @ index.js:5484 da @ index.js:3090 t.dom.addEventListener.t.input.eventHandlers.<computed> @ index.js:3059 </details> **Docker Container Logs:** x **Screenshots/Screen Recordings (if applicable):** <img width="644" alt="Image" src="https://github.com/user-attachments/assets/de715359-de74-4ae1-81d3-58df60a15ed8" /> <img width="385" alt="Image" src="https://github.com/user-attachments/assets/c13d6924-e3e9-44b7-8f93-d93e84956d34" /> ## Additional Information x ## Note If the bug report is incomplete or does not follow the provided instructions, it may not be addressed. Please ensure that you have followed the steps outlined in the README.md and troubleshooting.md documents, and provide all necessary information for us to reproduce and address the issue. Thank you!
Author
Owner

@EntropyYue commented on GitHub (Feb 25, 2025):

Please use {{variable}}

@EntropyYue commented on GitHub (Feb 25, 2025): Please use `{{variable}}`
Author
Owner

@changchiyou commented on GitHub (Feb 25, 2025):

Please use {{variable}}

Thanks for helping, hope we can have better docs for creating new prompt. I was confused by the current tip because I remembered {} and [] have different features.

@changchiyou commented on GitHub (Feb 25, 2025): > Please use `{{variable}}` Thanks for helping, hope we can have better docs for creating new prompt. I was confused by the current tip because I remembered `{}` and `[]` have different features.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#4111