Polymer 3 - JS style object incorrectly showing "" for all style attributes

[dman777]

Browsers Affected

• [ x] Chrome

• [ ] Firefox

• [ ] Edge

• [ ] Safari 11

• [ ] Safari 10

• [ ] IE 11

• Polymer: @polymer/polymer@3.2.0

• webcomponents: webcomponentsjs@2.2.10

Using Polymer 3.... I have .image-slider { left: 5px; } on <div class="image-slider"></div> which is styled correctly. And the style shows correctly in element inspector of dev console. But with const el = this.shadowRoot.querySelector('.image-slider'); and console.log(el.style.left) it does not show a value for left....just left: "". It grabs the element successfully, but it does not reflect the CSS attributes correctly. If fact, all the CSS attributes are showing "" on the style object.

Is this a bug in Polymer 3?

[dman777]

My bad, did not realize style object only reflects in line style