Skip to content

Chrome trips over SVG attribute spreadMethod with an uppercase value "PAD" #226

@lmeurs

Description

@lmeurs

Chrome trips over an uppercase PAD value for SVG attribute spreadMethod and outputs the following error message in the console:

Error: Invalid value for attribute spreadMethod="PAD"

renderer/svg/svg.js contains the next declaration twice:

gradientEl.setAttribute('spreadMethod', 'PAD');

Lowercasing their values solves the problem for me:

gradientEl.setAttribute('spreadMethod', 'pad');

See ie. original basic mask demo.

Tested with:

  • BonsaiJS 0.4.3 and 0.4.5;
  • Chrome 35 and 37 (Canary);
  • Chrome <35, Firefox 29 and Internet Explorer 11 handle this attribute's value case insensitive.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions