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

fix(tabbed): load fonts as part of the editor css as @font-face does not work inside shadow dom #1015

Merged
merged 2 commits into from
Jul 10, 2018
Merged

fix(tabbed): load fonts as part of the editor css as @font-face does not work inside shadow dom #1015

merged 2 commits into from
Jul 10, 2018

Conversation

schalkneethling
Copy link

@schalkneethling schalkneethling commented Jul 5, 2018

Turns @font-face and a few other such declarations does not work in ShadowDOM. So, the solution is to load up all the fonts we use in the examples as part of the editor bundle.

Fix issue #887

@schalkneethling schalkneethling added bug Indicates an unexpected problem or unintended behavior. p1 We will address this soon and will provide capacity from our team for it in the next few releases. labels Jul 5, 2018
@schalkneethling schalkneethling added this to the Sprint 1 Q3 2018 milestone Jul 5, 2018
@schalkneethling schalkneethling requested a review from wbamberg July 5, 2018 14:52
Copy link
Contributor

@wbamberg wbamberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@schalkneethling , this looks great. I took the liberty of updating the docs to describe the situation. If I've got it right please feel free to merge.

@schalkneethling
Copy link
Author

Thanks for the doc update @wbamberg completely slipped my mind.

@schalkneethling schalkneethling merged commit 3c16a93 into mdn:master Jul 10, 2018
wbamberg pushed a commit to wbamberg/interactive-examples that referenced this pull request Jul 12, 2018
* upstream/master: (33 commits)
  Add HTML example for <a> (issue mdn#1014) (mdn#1022)
  fix(tabbed): load fonts as part of the editor css as @font-face does not work inside shadow dom (mdn#1015)
  html/input: Lowercase attributes (mdn#1024)
  Add color-adjust property example (mdn#1008)
  chore(deps): update dependency eslint to v5.1.0 (mdn#1023)
  chore(community): add @goodwin64 as contributor (mdn#1021)
  chore(community): add @dagolinuxoid as contributor (mdn#1020)
  chore(community): add @arai-a as contributor (mdn#1019)
  chore(community): add @ro-ka as contributor (mdn#1018)
  Issue mdn#1013 <style> elements in HTML editor break editor's render method (mdn#1017)
  chore(deps): update jest monorepo to v23.3.0 (mdn#1012)
  Issue#946 open links in new tab (mdn#1009)
  Send metric only during loading event (mdn#1011)
  fix(performance): only send loading mark inside loading event (mdn#1010)
  chore(deps): update dependency prettier to v1.13.7 (mdn#1006)
  fix(address): add name to the provided address (mdn#1004)
  chore(community): add @Arkangus as contributor (mdn#1002)
  Correct "expected output" mistake (mdn#1000)
  fix(performance): send post to kuma for custom ie-load-event-end metric (mdn#1001)
  chore(deps): update jest monorepo to v23.2.0 (mdn#993)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Indicates an unexpected problem or unintended behavior. p1 We will address this soon and will provide capacity from our team for it in the next few releases.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants