If you're using BugHerd on a Next.js preview or staging site hosted on Vercel, you may find that certain keys don't work as expected when typing into BugHerd. For example, pressing the C key may trigger the Vercel Toolbar instead of entering the letter into a BugHerd comment or feedback field.
Why does this happen?
The Vercel Toolbar includes keyboard shortcuts for various actions. By default, the C key may be assigned to Vercel's Comment shortcut.
BugHerd's feedback widget is rendered inside a Shadow DOM. In some cases, the Vercel Toolbar doesn't recognise that you're typing inside a text field and intercepts the keyboard shortcut instead.
This behaviour has also been reported in the Vercel community:
How to fix it
You can resolve the issue by removing the conflicting keyboard shortcut from the Vercel Toolbar:
Open the Vercel Toolbar on your preview or staging site.
Go to Preferences.
Select Keyboard Shortcuts.
Find the Comment shortcut.
Remove the C key binding.
Return to BugHerd and try typing again.
The affected key should now work normally within BugHerd.
If you're still experiencing keyboard input issues after changing the Vercel Toolbar shortcut, please contact BugHerd Support and we'll be happy to help investigate.
