NetTalk Central

Author Topic: drop list rendering different in Chrome only  (Read 7210 times)

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
drop list rendering different in Chrome only
« on: June 09, 2011, 02:49:20 PM »
Hi,

I need any suggestion about the appearance of the drop lists within Chrome. In all browsers I tested (IE 7, 8, FF) everything is nice but in Chrome I get this kind of display.

Alex

[attachment deleted by admin]

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: drop list rendering different in Chrome only
« Reply #1 on: June 11, 2011, 03:43:08 AM »
Hi Alex,

I'll experiment a bit with the CSS, but yes Chrome does do it a bit differently.
I'll see if I can find a combination that's cleaner in all the browsers.

cheers
Bruce

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #2 on: June 13, 2011, 02:09:42 AM »
Thanks a lot Bruce. I appreciate it.

Alex

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: drop list rendering different in Chrome only
« Reply #3 on: June 15, 2011, 06:34:43 AM »
hi Alex,

I'm not seeing the effect in Chrome 12.
Can you maybe post an example (complete with web folder?)

cheers
Bruce

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #4 on: June 16, 2011, 08:56:22 AM »
Hi Bruce,

let me isolate one sample page with my web folder in order to make it DB unrelated.

Thanks,
Alex

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #5 on: October 07, 2011, 12:14:20 PM »
Hi Bruce,

I finally found some time to go back to this problem. I installed the latest version of NT5 and recompiled example 11 that comes with it. I added one drop list to see how it renders in Chrome using default NT CSS styles and here is the result. This should be simple to test and reproduce, right?

Any help is appreciated.

Regards,
Alex

[attachment deleted by admin]

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #6 on: October 12, 2011, 06:42:51 AM »
Hi Bruce,

were you able to reproduce described issue with example 11 app.

Thanks,
Alex

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: drop list rendering different in Chrome only
« Reply #7 on: October 12, 2011, 09:50:34 PM »
I haven't looked yet Alex - on my list though...

cheers
Bruce

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #8 on: October 13, 2011, 06:14:56 AM »
Thanks Bruce,

Looking forward to it.

Regards,
Alex

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #9 on: January 05, 2012, 08:12:11 AM »
Ok, so I finally discovered what makes the drop list render differently in Chrome. It is style="width: xxx px" added to the <select> tag by the template if I want to make it fixed width. If there is no width drop list is properly aligned to the left in Chrome too, however in that case all drop lists have different width which looks awful on the page.

Any ideas how to deal with the appearance of the drop lists?

thanks,
Alex

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: drop list rendering different in Chrome only
« Reply #10 on: January 05, 2012, 10:42:29 PM »
I tool example 2, AliasForm procedure, and set the width of the drop to 200px. Seems to look the same in FF and Chrome (ok in both). But I'm testing in NT6 - are you in NT5?

cheers
Bruce

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #11 on: January 06, 2012, 08:12:47 AM »
Hi Bruce,

still using NT5.

thanks,
Alex

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: drop list rendering different in Chrome only
« Reply #12 on: January 09, 2012, 01:52:34 AM »
look ok in NT5 as well - see attached.


[attachment deleted by admin]

alex.kolaric

  • Full Member
  • ***
  • Posts: 151
  • Do it or do not, there is no try
    • View Profile
    • Email
Re: drop list rendering different in Chrome only
« Reply #13 on: January 09, 2012, 04:39:42 AM »
Hi Bruce,

It is not. look closer to the chrome image. It is moved for ~1 px to the left.

Thanks,
Alex