googlemaps/extended-component-library

font-family in place-picker can't be changed through css variable

Closed this issue ยท 2 comments

The place-picker README says CSS Custom Properties can be used to style the component. But setting --gmpx-font-family-base: serif on root does not change change the font-family on the input.

The variable is set on the .container element but input doesn't inherit font-family and takes the user agent stylesheet default which is empty '' (see image). font-family: inherit would solve this issue (the same is already done for font-size). Happy to make the PR myself if this is indeed a ๐Ÿž!

image

If you would like to upvote the priority of this issue, please comment below or react on the original post above with ๐Ÿ‘ so we can see what is popular when we triage.

@maloua Thank you for opening this issue. ๐Ÿ™
Please check out these other resources that might help you get to a resolution in the meantime:

This is an automated message, feel free to ignore.

@maloua Thanks for taking the time to file a detailed bug report and identifying the root cause! We've created #193 and will close out this issue once change is included in the next release.