Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Mario8419 opened this issue Feb 10, 2025 · 0 comments
Open

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

Mario8419 opened this issue Feb 10, 2025 · 0 comments

Comments

@Mario8419
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant