This is a migrated thread and some comments may be shown as answers.

[Solved] Safari text alignment

3 Answers 132 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Mathieu
Top achievements
Rank 1
Mathieu asked on 14 Jan 2008, 07:27 PM
Hi all,

The text displayed in the comboBox is always align at the vey top ff the comboBox in Safari.

So in this case below, the text "United States" is alway displayed top-left in Safari.

Is this a known issue or am i doiing something wrong?

Thanks!
<telerik:RadComboBox Width="239px" Skin="Vista" ID="RadComboBox1" runat="server">  
    <Items> 
        <telerik:RadComboBoxItem Text="United States" /> 
        <telerik:RadComboBoxItem Text="Canada" /> 
    </Items> 
</telerik:RadComboBox> 

3 Answers, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 15 Jan 2008, 12:08 PM
Hi Mathieu,

Thank you for your close observation. The skin is fixed now and it will be included in the service pack due today.

If it is an urgent matter and you need to immediately fix this at your side, please use the following CSS hack (for safari only):

@media screen and (min-width:550px
    :root .RadComboBox_Vista .rcbInputCell input 
    { 
        margin-top2px
    } 


Regards,

the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Mathieu
Top achievements
Rank 1
answered on 15 Jan 2008, 02:54 PM
Wow, thanks for the hack, works perfect!

While were in "pixel observation", i have a few textbox and a few combobox below on another in my webPage
<div class="block">  
   <telerik:RadComboBox Width="239px" Skin="Vista" ID="selNoBlankTimezone" runat="server">  
      <Items> 
         <telerik:RadComboBoxItem Text="..."  /> 
         <telerik:RadComboBoxItem Text="Eastern"  /> 
      </Items> 
   </telerik:RadComboBox> 
</div> 
<div class="block">  
   <input type="text" class="dpTextbox" style="width:230px" id="txtNoBlankAddress"    runat="server" /> 
</div 
.
In safari, the combox is 1px short of the textbox, while in IE 6-7 and FF the width is the same between the combobox and the textbox.

Thanks

Mat
0
Alex Gyoshev
Telerik team
answered on 15 Jan 2008, 04:40 PM
Hello Mathieu,

As we tried to reproduce the scenario, I observed that the RadComboBox is actually shifted left by one pixel. This could easily be fixed by adding the following rule:

:root .RadComboBox_Vista 
    positionrelative
    left1px

To the @media declaration from my previous post.

We will log the issue for further investigation. Thank you for your help.

All the best,

the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
Tags
ComboBox
Asked by
Mathieu
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Mathieu
Top achievements
Rank 1
Share this question
or