md-button text invisible

[nature go]

Hi, I am having problems with an md-button which shows only a white background but not the text inside of it when using it in an info window that shows up when a marker in google maps is clicked.

When used outside the info window the button works ok.

What am I doing wrong?

[Jared Wiltshire]

You are not doing anything wrong, there seems to be a bug in the ng-map library which we use. It's behaving really oddly.

The <ma-button> component behaves fine, try using that instead -

<ma-button label="test"></ma-button>

[nature go]

@jared-wiltshire said in md-button text invisible:

<ma-button label="test"></ma-button>

Thanks for your suggestion, but still having some issues:

With the <md-button> the other buttons' outline at least showed and were clickable in the info-window. Now with the <ma-button> only one button (the first one) shows up (had to use the raised="true" for the text to be visible anyway) but it seems to ignore the rest of the lines of code in the div, as it does not show the other buttons/content (I thought it might be an issue with the size of the info-window but overriding the autosizing is not working either).

[Jared Wiltshire]

@nature-go said in md-button text invisible:

Now with the <ma-button> only one button (the first one) shows up (had to use the raised="true" for the text to be visible anyway) but it seems to ignore the rest of the lines of code

Try adding this to your div to change the AngularJS Material color scheme to white background -

md-colors="::{background: 'background-A100'}"

@nature-go said in md-button text invisible:

ut it seems to ignore the rest of the lines of code in the div, as it does not show the other buttons/content

Your markup is invalid, you haven't closed your <ma-button> elements correctly. You need a > after the label attribute.