Text Color Changes When Selecting Focusing on input field in Safari

[Andrew]

I have a strange artifact happening only in Safari on osx 10.8.3 where when I click in an input text field, which I have setup as a search box on the grid, the color of the font in the grid and other items on the page including a panelBar changes color.  I also see this happening in the listView when selecting the edit button.  On another page I have several panels with edit templates.  When I click on one of the edit buttons, the correct panel updates with the edit template but again, all of the text on the page as well as the panelBar changes color.  I'm assuming with the edit button situation it is because the edit template has a text field that is receiving focus, and this is somehow triggering a change in the css.

I am not seeing this result in firefox on osx or chrome in win7.

Any ideas how to resolve this or is there a workaround by forcing a css value for the text items being adjusted on text field focus?

Thanks,
Andrew

After some more exploring I found out that if I close an open section in the panelBar then the colors will return to their normal value.  If I select a section in the panelBar then the colors change again....

Could be a problem with the panelBar rather than the text field focus...

[Petyo]

Hi Andrew,

I tried reproducing the problem you describe on the following demo, using Safari on OS X 10.8.3, to no avail. Is it possible for you to send us a sample project or an URL, where we can observe this behaviour? Thank you in advance.

All the best,
Petyo
the Telerik team

[Andrew]

Hi Petyo,

Thanks for your response.  I figured out the style line that was causing the problem and affecting the whole page.  I had this code below my panelBar...
<style scoped>
.k-panel
{
-webkit-transform: translatez(0);       /*  THIS IS THE LINE THAT CAUSED THE PROBLEM */
font-size:14px;
}
<style>


This was code left over from the PanelBar/Images example.  When I removed that line everything worked fine...

Thanks,
Andrew