Skip to content

CSS encapsulation broken in FilePicker (v3.24.0) #2109

@MaxKovivchak

Description

@MaxKovivchak

Category

Bug

Version

3.24.0

Expected / Desired Behavior / Question

Styles in FilePicker should be scoped (CSS modules), e.g.:
.header_xxxxx { ... }

Observed Behavior

After upgrading to 3.24.0, styles are no longer scoped and appear as global:
.header { clip: rect(0,0,0,0); }

Steps to Reproduce

  • SPFx 1.21.1 project

  • Install:
    npm install @pnp/spfx-controls-react@3.24.0

  • Use FilePicker

  • Run:
    gulp bundle --ship

  • Check release/assets/chunk.*.js → styles are not scoped

Check the attachments

Image Image

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions