Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[ember 3.1.0-beta.1] viewBox attribute on SVG component has incorrect capitalization

See original GitHub issue

Summary

When rendering a component with tagName of svg and a bound viewBox attribute, the resulting DOM element has attribute viewbox (without the capital B).

Impact: the SVG will have the wrong size. (Observed in Chrome).

Here is a reproduction of the issue. (I couldn’t figure out how to JSBin or Ember-Twiddle it).

This problem does not exist in ember 3.0.0.

Issue Analytics

State:
Created 5 years ago
Reactions:5
Comments:6 (6 by maintainers)

Top GitHub Comments

4reactions

rwjbluecommented, Apr 21, 2018

FYI - The fix for this has been pulled into release (for 3.1.x release) and beta (for 3.2.0-beta.x release). The latest builds (in 10-15 minutes) to the release, beta, and canary channels should include the fix (you can get the latest tarball URL via ember-source-channel-url).

1reaction

st-hcommented, Apr 21, 2018

@rwjblue happy that this was helpful. I tried to fix that issue yesterday, but came along way too many questions regarding which direction things should actually go and what has been intended and what not. Tried to get some help on slack, but I guess everybody was busy. Happy to see that this is fixed now.

Top Results From Across the Web

How to use the <svg> viewBox attribute? - Stack Overflow

The viewBox controls how its contents are displayed so the viewBox="0 0 1500 1000" will scale down the contents of <svg> element by...

@storybook/addon-viewport | Yarn - Package Manager

Storybook Viewport Addon allows your stories to be displayed in different sizes and layouts in Storybook. This helps build responsive components inside of ......

Changelog - Cypress Documentation

Fixed a regression introduced in the Electron browser in Cypress 10.8.0 where the CYPRESS_EVERY_NTH_FRAME environment variable was not being set appropriately ...

UDN Search

the oldversion read-only property of the idbversionchangeevent interface returns the old version number of the database.

Download Diff File - Gitdab

classList.remove('light'); + console.log('User has not yet visited, ... + "version": "3.1.1" +} diff --git a/node_modules/array-flatten/LICENSE ...