Skip to content

[Bug]: With tailwind, stylebot doesn't correctly escape colons #820

@eli-front

Description

@eli-front

Describe the bug

When matching a p like this <p class="text-lg sm:text-xl text-gray-200">This is a para...</p>
Stylebot creates a class name like this p.text-lg.sm:text-xl.text-gray-200. This won't match because the : is assumed to be prefixing a pseudo-class, which it's not. the correct class name would be p.text-lg.sm\:text-xl.text-gray-200.

Browser

  • Chromium v 143.0.7499.170
  • MacOS 26.2

To Reproduce

Steps to reproduce the behavior:

  • Create a style classname that inclides a :
  • Apply that class to an element
  • If you try to make a style change with stylebot to that element the changes won't be reflected

Expected behavior

Stylebot should be able to match elements that have class names with colons.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions