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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions