Address Autocomplete CSS conflicting with Microsoft CSS

[MuffMacaroon1]

Hi Andrew,

Thanks for the AB Controls Toolkit, the Address Autocomplete PCF is exactly what I was looking for and works perfectly for autocompleting the addresses including the lat/long. However there is an issue with the CSS styling of your PCF and the CSS of Microsoft within the model-driven app, they are conflicting with eachother.

As you can see in the attached screenshot some font-sizes are smaller, the font-weight on the field values has increased and sizing of the div's is affected. Next to these ones there are also some other Microsoft styles with are being overruled including spacing and padding on for example the ribbon.

Thanks again for all the effort in developing these free PCF's and looking forward to a solution.

Roy

[zonton]

Hello,

I also noticed this interaction leading to wrong spacing in the form once the control has been loaded.
One of main problems is that even when I open another page, the CSS is still overruled.
You can see in the image below that my charts and dashboards are now "corrupted" as well.
Thank you for your great work !

[Nataliya04]

Hello,

According to Microsoft, this CSS file is causing the issue: cc_AButenko.AddressAutocomplete/CSS/antd.compact.css. It's a really great Controls Toolkit and we would love to continue to use it. :)