Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Number Box > Typography - When setting a gradient text color, the gradient applies on the shape and the text becomes invisible #3307

Open
andeng1106 opened this issue Sep 6, 2024 · 0 comments
Labels
[block] Number Box bug Something isn't working

Comments

@andeng1106
Copy link

andeng1106 commented Sep 6, 2024

Describe the bug

  • Issue on both editor and frontend
  • Issue happens if Shape is toggled on

To Reproduce
Steps to reproduce the behavior:

  1. Add a new page
  2. Add a Number Box block
  3. Make sure Shape panel is toggled on
  4. Type any character in the number box
  5. Change Text Color to a gradient color
  6. See that the text becomes invisible
  7. Save page and view frontend
  8. Repeat step 6

Expected behavior

  • When adding a gradient text color:
    • Text color should apply to the number box text content and not in the shape
    • Text content should not become invisible or transparent

Screenshots

Screen.Recording.2024-09-06.at.10.1.mp4

Desktop:

  • OS: MacOS
  • Browser: Chrome, Firefox, Safari
  • Browser Version: 128.0.6613.120, 130.0, 17.6
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[block] Number Box bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant