Fix the down-arrow on dropdown menus
Change 319355 has converted gr-button to Lit. gr-dropdown is still on
Polymer, so
down-arrow="[[downArrow]]"
is interpreted as trying to pass a property (because of [[...]]). That
means Polymer sets the `downArrow` property in <gr-button>. But Lit's
default attribute reflection does not add dashes to the attribute name,
so the property is reflected to `downarrow`.
Fix the problem by specifying the attribute name for the Lit property.
Change-Id: I2e923e2775be671562696c4ccb2fb08b6984b95c
diff --git a/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts b/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts
index f7ebd66..4467ba6 100644
--- a/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts
+++ b/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts
@@ -49,7 +49,7 @@
// after created, the initial value maybe overridden by this
private initialTabindex?: string;
- @property({type: Boolean, reflect: true})
+ @property({type: Boolean, reflect: true, attribute: 'down-arrow'})
downArrow = false;
@property({type: Boolean, reflect: true})