New issue
Advanced search Search tips

Issue 707717 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner: ----
Closed: Apr 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug-Regression



Sign in to add a comment

`height` and `width` properties on SVG elements unable to be added via Dev Tools

Reported by ste...@spraymarketing.com, Apr 3 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

Steps to reproduce the problem:
1. Inspect some inline SVG code on a webpage
2. Add a style via Element Style/relevant selector and attempt to add `height` or `width` properties

What is the expected behavior?
After typing `height` or `width` and pressing enter/tab it should then allow the user to type the value for those properties.

What went wrong?
`height` is deleted after pressing tab.

`width` changes to `stroke-width` after pressing tab (due to `stroke-width` being the autocomplete for `width`).

Did this work before? Yes 56.0.2924.87

Chrome version: 57.0.2987.133  Channel: stable
OS Version: 10.0
Flash Version: 

The `width` and `height` properties work correctly when they are added as part of a <style> element, as an external stylesheet or as an attribute on the SVG element. The values of properties added in this way are editable via the inspector, but the property itself is not, and the incorrect behaviour as documented will occur on attempting to change the property.

Both `width` and `height` are valid properties of the SVG element: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute
 
Labels: Needs-Triage-M57
Labels: Needs-Bisect
Cc: kkaluri@chromium.org
Labels: Needs-Feedback
Unable to reproduce the issue on Windows 10 with chrome #57.0.2987.133, tested the scenario as per steps mentioned in the comment #0
Observed after typing `height` or `width` and pressing enter/tab it is allowing the user to type the value for those properties.

Attaching the screen-cast for reference.

stefan@ could you please look into it and let us know any steps i have missed while reproducing the scenario.
Issue 707717.mp4
2.7 MB View Download
The problem as noted in my original report is no longer present - I am able to add `width` and `height` attributes and also add the value now, but the auto-complete is unavailable (e.g., `wid` should offer auto-complete options of `width` and `stroke-width`, but only `stroke-width` is available) and pressing tab/enter after typing `width` still auto-completes to `stroke-width`. This behaviour is also seen in your video.

Summary of updated problem: lack of auto-complete for `width` and `height` properties on SVG elements and their children.

I am unable to record this problem whilst at work, but it is persistent across multiple machines.
Project Member

Comment 5 by sheriffbot@chromium.org, Apr 5 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "kkaluri@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Status: Fixed (was: Unconfirmed)

Sign in to add a comment