When a text box in the edit view is showing on a single line, when previewed in a web browser, the text seems to be wrapping.
Is this a bug? or is there something I am doing wrong
From what i expect to happen is the web preview should be identical to the edit mode?
It might be the browser itself. It could also be effected by browser zoom as each browser computes zooming differently.
Sometimes, browsers just display DOM elements differently because they want to. For example: if you compare a dropdown between IE, Firefox, Safari and Chrome, you’ll notice a slew of visual differences.
I have just opened it in both IE and Chrome, and tried to Zoom In/Out but it still only seems to show correctly in the editor.
I also checked for updates but I am using the latest version
It is not a major issue, but i am seeing this occur in more of my designs and can be slightly frustrating at times
It’s because Chrome and IE (and possibly other browsers) have ever so slightly different native character spacing (as well as line spacing, which is why you always have to set Line Spacing). If you don’t explicitly force a specific character spacing, then the browser applies its native spacing, in which case your line(s) of text might be slightly shorter or longer in the browser than what it appears in Axure. It’s not clear what Axure’s current native character spacing is. You could set a fixed character spacing with a JS and CSS hack, but won’t be able to see the result in Axure. However, the good news is, I noticed Axure 9 will include the option to set Character Spacing, which will ensure that (a) the spacing appears the same on all browsers and (b) hopefully be accurately reflected in the app as well.
1 Like