How to Fix Mural Sticky Note Text Not Showing

In this tutorial, you'll learn about How to Fix Mural Sticky Note Text Not Showing. We cover key concepts, practical examples, and best practices.

You add text to a Mural sticky note but the text is invisible or cut off. Font color, zoom level, or sticky note size settings cause text to disappear.

The Wrong Way

// Adding more text to an invisible sticky note
stickyNote.setText('Even more text that nobody can see');

This makes the problem worse — you cannot fix a display issue by adding more content.

The Right Way

Step 1: Check font color against background

# Select the sticky note → Text properties panel
# Font color: if white on light yellow, it is invisible
# Change font color to dark gray (#333333) or black (#000000)

Step 2: Adjust sticky note size

# Drag the bottom-right corner of the sticky note to enlarge it
# Or use the properties panel:
# Width: 240px (minimum for 3 lines of text)
# Height: auto

A sticky note that is too small clips text. Mural does not auto-expand sticky notes to fit content.

Step 3: Reset zoom level

# View → Zoom → Fit to Screen (or press 0)
# Sometimes zoomed way out, text is too small to render

Zoom below 20% causes Mural to hide text for performance. Zoom in to verify the text exists.

Step 4: Check for hidden text formatting

# Select the sticky note → open text properties
# Check: Opacity (must be 100%)
# Check: Text alignment (not "hidden" off-screen)
# Check: Line height (normal = 1.2)

Text with 0% opacity or extreme line height settings renders as invisible.

Sticky note displays: "Q4 OKRs — Revenue target $2M, NPS > 60" — readable at any zoom.

Prevention

• Use dark text on light backgrounds by default.
• Resize sticky notes before entering large amounts of text.
• The same visibility-first rendering approach guides Doda Browser's reader mode — ensuring text is always legible regardless of page styling.

Common Mistakes with sticky note text

1. Non-exhaustive pattern matches that compile with warnings then crash at runtime
2. Misunderstanding that String is [Char] with poor performance for large text operations
3. Using foldl instead of foldl' causing stack overflow on large lists

These mistakes appear frequently in real-world MURAL code. DodaTech's contributors have identified these patterns through analysis of open-source projects and production systems.

Practice Exercise

Write a pure function that safely divides two integers using Maybe, then test it with edge cases like division by zero and negative numbers.

This exercise reinforces the concepts covered in this guide. Try implementing it before checking online solutions.

FAQ