We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Hi,
thanks for this! Technically coming from font-picker-react, but the underlying issue is in here.
font-picker-react
Currently, importing FontPicker imports font-manager, which imports loadFontPreviews, which imports dependencies from './font-styles/declarations.
FontPicker
font-manager
loadFontPreviews
'./font-styles/declarations
When initially loading that file, it will instantly try append a style element to <head>.
style
<head>
Can probably be easily fixed by something like:
let previewFontsStylesheet: HTMLStyleElement; /** * Add declaration for applying the specified preview font */ export function applyFontPreview(previewFont: Font, selectorSuffix: string): void { if(!previewFontsStylesheet && typeof document !== 'undefined') { previewFontsStylesheet = document.createElement('style'); document.head.appendChild(previewFontsStylesheet); } const fontId = getFontId(previewFont.family); const style = ` #font-button-${fontId}${selectorSuffix} { font-family: "${previewFont.family}"; } `; previewFontsStylesheet.appendChild(document.createTextNode(style)); }
The text was updated successfully, but these errors were encountered:
Thanks for opening the issue! Would you be interested in creating a PR?
Sorry, something went wrong.
Afraid not, I was just opening this on behalf of someone else
One workaround for this is to avoid SSR like so:
import dynamic from "next/dynamic"; const FontPicker = dynamic(() => import("font-picker-react"), { ssr: false, });
I've opened a PR that fixes this issue
tested locally with nextjs + my own hook, based on the react lib https://gist.github.com/magicspon/7e9c7283240b9d8a093ff0ae29c07a25
Successfully merging a pull request may close this issue.
Hi,
thanks for this! Technically coming from
font-picker-react
, but the underlying issue is in here.Currently, importing
FontPicker
importsfont-manager
, which importsloadFontPreviews
, which imports dependencies from'./font-styles/declarations
.When initially loading that file, it will instantly try append a
style
element to<head>
.Can probably be easily fixed by something like:
The text was updated successfully, but these errors were encountered: