Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Inline Styles are getting blocked by CSP

Open
#898 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
32/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
react, typescript
Domain
frontend, security

Research direction

No source files or tests are named. Reproduce the slider under the strict CSP described in the issue, then trace where inline styles are generated; done means the slider renders and behaves correctly without CSP violations, with regression coverage.

Written by the indexing model from the issue text.

Description

After implementation in DOM it is generating some inline styles, However we have set Strict Content Security Policy Rules for security audit, because of that inline styles are getting blocked as follows, please refer to the attached screen shots.

err1 with-csp without-csp
Dominant language
TypeScript
Stars
3.1k
Forks
767
Avg merge
11m
Merged PRs (30d)
1

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from react-component/slider

All issues in react-component/slider

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.