I was trying to give the selected option in a menu bold weight like how it’s in Shopify’s admin but it doesn’t work.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.shopify.com/shopifycloud/polaris-1.1-rc.js"></script>
</head>
<body>
<s-page inlineSize="small">
<s-section heading="Options">
<s-button commandFor="options-menu">Select option</s-button>
<s-menu id="options-menu">
<s-button icon="check">
<s-text fontWeight="bold">Options 1</s-text>
</s-button>
<s-button>
<s-text>Option 2</s-text>
</s-button>
</s-menu>
</s-section>
</s-page>
</body>
</html>
The fontWeight attribute isn’t present on s-text in the browser. It seems s-menu takes the textContent of s-button which it places in its own s-text?
