Odd styling issue

In NGClient my solution is showing all TEXT_FIELD fields offset to the right and down by about 2 pixels, both in the editor and in the browser. Setting a field to TEXT_AREA removes this offset even though still using the same style for the field.In this screenshot the name field and the account type field are TEXT_FIELD and the code field is TEXT_AREA
[attachment=0]Screenshot 2018-10-09 at 10.17.57.png[/attachment]
More bizarrley, using the same solution level css in a testbed solution does not display the same behaviour! Has anyone got any clues as to what is influencing the offset of the TEXT_FIELD fields and why the same style works differently on TEXT_AREA fields? Also, what else might be influencing the styling in my main solution which means it behaves differently with the same stylesheet?

Hi, are you loading any external HTML containing style sheets?

I’m displaying D3.js graphics inside the NG-Client.

In the Smart Client, where I load the code into a JFX-panel, I can style anything I like, such as the body or html of a D3.graphic using CSS.
Inside the NG client, this causes all sorts of strange effects as it overwrote bits the main css stylesheet. The code for the graphics are in the database, meaning the side-effects would vary depending on which records I visited.
So I had rewrite my D3-css to limit the scope.

Hi Christian,

That’s a thought - I do load some additional css (from the servoy-webclient/templates/ folder) at runtime for webclient use and I wonder if that’s interfering somehow. I had discounted that as a possibility due to the fact that I’m seeing the styling changes in developer and thought the additional stylesheet would not come into play until called at runtime but maybe…

Got this sorted out - I am using a separate stylesheet for the login solution and that was overriding the main solution stylesheet with styles of the same name. The login solution still had margins set for the default field class and that was causing the weird offset. Removing those sorted it out.