Previously, our global styling for the SDK was unscoped, meaning if you added Answers without an iframe, that styling would impact other elements on the page. With 1.6, said styling now requires the .yxt-Answers-component class.
If you were not using an iframe and were relying on the global styling applying to the entire page, you’ll need to add the following to your answers.scss, outside of the .Answers block. Note we do not recommend this as a best practice – styling should target specific classes. Update the scss as necessary to insure it targets the correct elements.
*:focus
{
outline: none;
}
input[type='checkbox']:focus
{
outline: black solid 1px;
}
body
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}