This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

jscher2000 kini sedang menangani masalah ini. Post balasan | Lihat soalan lain yang perlukan perhatian.

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

truncation issue in firefox browser

  • Tiada balasan
  • 0 ada masalah ini
Priyesh
Priyesh
more options

In Firefox browser , truncation of string is not working, when typing into the input box at first time truncation is not working, but when focusing out and typing once again it start working , seems its rendering problem which is not working at first time.

I am using following code <style> input.b { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: ellipsis; border: 1px solid #000000; </style>

text-overflow: clip (default):

<input class="b">



Above code will give the different result in firefox and the the chrome browser.

in chrome it will work at first time , means once user will start the typing into the input box , it will start showing the ellipses once text overflow will happen. but in Firefox it will not work like this, at first time when user will start the typing it will not show ellipses although text exceeds the boundary of input box , but when user focus out from the input box and start once again start typing into the input box ellipses will be shown. this behavior is creating confusion.

Kindly provide the solution for the same I am using 128.5.2 esr firfox version

In Firefox browser , truncation of string is not working, when typing into the input box at first time truncation is not working, but when focusing out and typing once again it start working , seems its rendering problem which is not working at first time. I am using following code <!DOCTYPE html> <html> <head> <style> input.b { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: ellipsis; border: 1px solid #000000; </style> </head> <body> <h2>text-overflow: clip (default):</h2> <input class="b" /> </body> </html> Above code will give the different result in firefox and the the chrome browser. in chrome it will work at first time , means once user will start the typing into the input box , it will start showing the ellipses once text overflow will happen. but in Firefox it will not work like this, at first time when user will start the typing it will not show ellipses although text exceeds the boundary of input box , but when user focus out from the input box and start once again start typing into the input box ellipses will be shown. this behavior is creating confusion. Kindly provide the solution for the same I am using 128.5.2 esr firfox version

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.