diegomura / diegomura/react-pdf

Allow Custom Styling for <Link> Hover State in @react-pdf/renderer

Open
#3,071 2 comments 0 reactions 0 assignees View on GitHub
new feature
Dominant language
TypeScript
Stars
16.8k
Forks
1.3k
Avg merge
5h 6m
Merged PRs (30d)
52

Description

Currently, the component in @react-pdf/renderer does not allow full customization of the :hover state. When using , a default yellow background appears on hover, likely due to underlying pdf.js behavior. Attempts to override this with StyleSheet.create do not work.

### Expected Behavior

Users should be able to fully control the hover styles (e.g., background color, border, shadow) via the style prop in @react-pdf/renderer.

### Current Behavior

The component applies a default yellow background on hover, even when custom styles are provided.
The issue persists even when using inline styles, StyleSheet.create, or global CSS overrides.

### Steps to Reproduce

Create a inside a in @react-pdf/renderer.
Apply custom styles to remove the hover background color.
Open the PDF preview and hover over the link—yellow flickering still occurs.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.