Keyboard shortcut for comment toggle not working in environment variable editors

To Reproduce

Navigate to Project -> Select a Project -> Select any service -> Environment
Enter some environment variables in the editor (e.g., MY_VAR=value)
Place cursor on any line and press:
- Cmd+/ on macOS
- Ctrl+/ on Windows/Linux
Expected: Comment syntax (#) is added to the line
Actual: Nothing happens - no comment is added

Current vs. Expected behavior

Current behavior:

Comment toggle (cmd+/) works in YAML editors (Docker Compose)
Comment toggle (cmd+/) is completely non-functional in environment variable editors
This creates inconsistent UX across different code editors in the application

Expected behavior:

cmd+/ should work uniformly across all code editors, including environment variable and secret editors
The keyboard shortcut should add # line comments in env editors just like it does in YAML editors

Provide environment information

Operating System: Mac OS
Dokploy version: v0.29.4

Which area(s) are affected? (Select all that apply)

Local Development, Cloud Version

Are you deploying the applications where Dokploy is installed or on a remote server?

Same server where Dokploy is installed

Additional context

No response

Will you send a PR to fix it?

Yes

@amit-y11

Hi @amit-y11! I'm Dosu and I’m helping the dokploy team.

Thanks for the detailed report! I looked into this and can confirm the root cause.

The CodeEditor component [1] uses CodeMirror 6 with @uiw/react-codemirror. The environment variable editor uses StreamLanguage.define(properties) from @codemirror/legacy-modes/mode/properties [2], while the YAML editor uses the native yaml() language support from @codemirror/lang-yaml [3].

The key difference is that native CodeMirror 6 language packages (like @codemirror/lang-yaml) include comment token definitions that the built-in toggleComment command uses. However, StreamLanguage-wrapped legacy modes (like the properties mode) don't always provide the comment token metadata needed for Cmd+/ to work.

To fix this, you'd likely need to either:

Add an explicit commentKeymap (from @codemirror/commands) to the extensions and ensure the properties language defines its comment token (e.g., lineComment: "#"), or
Create a custom language support for .env/properties files using the modern CodeMirror 6 API that includes proper comment token configuration.

The simplest approach would be to use StreamLanguage.define(properties) but supplement it with a LanguageData facet that provides commentTokens: { line: "#" }. Something like:

import { LanguageDescription } from "@codemirror/language";

// Add to extensions when language is "properties":
EditorState.languageData.of(() => [{ commentTokens: { line: "#" } }])

This would make Cmd+/ / Ctrl+/ work for toggling # comments in the env editor.

Navigation Menu

Repository navigation

Keyboard shortcut for comment toggle not working in environment variable editors #4402

To Reproduce

Current vs. Expected behavior

Provide environment information

Which area(s) are affected? (Select all that apply)

Are you deploying the applications where Dokploy is installed or on a remote server?

Additional context

Will you send a PR to fix it?

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Keyboard shortcut for comment toggle not working in environment variable editors #4402

Description

To Reproduce

Current vs. Expected behavior

Provide environment information

Which area(s) are affected? (Select all that apply)

Are you deploying the applications where Dokploy is installed or on a remote server?

Additional context

Will you send a PR to fix it?

Activity

dosubot commented on May 13, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions