umbraco/Umbraco-CMS

TipTap toolbar should not have a shadow until scrolled

Open

#23,710 opened on Aug 21, 2026

View on GitHubContributor guide
 (0 comments) (0 reactions) (0 assignees)C# (2,593 forks)batch import
affected/v17affected/v18category/uicommunity/up-for-grabsgood first issuetype/bug

Repository metrics

Stars
 (4,067 stars)
PR merge metrics
 (Avg merge 10d 7h) (132 merged PRs in 30d)

Description

Which Umbraco version are you using?

17+

Bug summary

The TipTap toolbar should not display a shadow unless its content is scrolled.

Today it looks like this when viewing the top of the content:

Specifics

No response

Steps to reproduce

Setup a tiptap(Rich Text Editor) editor in a document.

Expected result / actual result

No response

Contributor guide

Research direction
Investigate the TipTap toolbar component in the Umbraco backoffice source code. Look for the CSS that applies the box shadow and the JavaScript/TypeScript logic that handles scroll events. Note how the shadow is set unconditionally and determine a condition to only add the shadow when the toolbar's content is scrolled. Check if there are existing scroll listener utilities or patterns in the codebase.
Tech stack
cssjavascript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75