Skip to content

extraStyle with layer result in duplicated "@layer antd" for table style #206

Closed
@kennedy0527

Description

@kennedy0527

先附上 codesandbox

在nextjs 專案內 使用@ant-design/nextjs-registry
sample code如下

<AntdRegistry layer>
    <Provider>{children}</Provider>
</AntdRegistry>

Provider 是另外封裝的 Antd ConfigProvider

瀏覽頁面 AntdRegistry 成功建立了一個Style tag with id antd-cssinjs
但將其內容 複製出來 format後 檢查 發現table 的樣式 會多一個 @layer antd
這導致Table 沒辦法吃到 custom theme

刪除其中一個 @layer antd 就正常了
Screenshot 2024-12-02 at 7 23 57 PM

不確定是否是cssinjs 的問題,暫時先發在這裡

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions