[Bug]

[amitkeinan9]

💻 系统环境 | Operating System

macOS

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

When using EditableMessage with markdown elements and using ignore-markdown-style to disable the styling for a specific element - all of the siblings lose the markdown styling as well.

root: css`
      :not(:has(${IGNORE_CLASSNAME})),
      .markdown {
        ${[
          __root,
          a,
          blockquote,
          code,
          del,
          details,
          header,
          hr,
          img,
          list,
          p,
          pre,
          strong,
          svg,
          table,
          video,
          footnote,
          sub,
          sup,
        ]}
      }
    `,

lobe-ui/src/Markdown/markdown.style.ts

Line 379 in c4b501f

return {

This rule stop working when at least one child has the ignore class

🚦 期望结果 | Expected Behavior

Only the child with the ignore class should be ignored, the rest should still get the styling

📷 复现步骤 | Recurrence Steps

1. Override some components in the markdown prompt
2. Add the ignore style class to one of the components
3. Render the message with the components and see how the styling is changed

📝 补充信息 | Additional Information

No response

[lobehubbot]

👀 @amitkeinan9
Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。