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

Issue in firefox with input field vanishing

2 Answers 7 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
chris
Top achievements
Rank 1
chris asked on 17 May 2018, 06:49 AM

Hi,

The snippet in the dojo link below works fine in Chrome.

In firefox the input field vanishes.  I think this has something to do with the float of the two panes, I need this as it is part of the site design.

http://dojo.telerik.com/OGazIYiQ/2

 

Can anyone help?

 

 

Thanks.

2 Answers, 1 is accepted

Sort by
0
chris
Top achievements
Rank 1
answered on 17 May 2018, 08:00 AM
*UPDATE* The left margin of the containing div (rightPane) seems to affect the numericInputBox.  Other control types are not affected.  This is in FF only.
0
Preslav
Telerik team
answered on 21 May 2018, 10:02 AM
Hello Chris,

I was able to replicate the issue.

I assume that the FF browser is doing wrong calculations, and it is hiding the input during the initialization due to the following CSS:

#rightPane {
    margin-left: 215px;
    margin-top: -10px;
    overflow: hidden;
}

Having said that, is it okay for your project to remove this line of CSS?

An interesting behavior is that when I try to inspect the element with the FF dev tools, it immediately appears without any interaction from my side. Also, when the window is resized it appears again. This makes me think that after forcing the browser to do the CSS calculations again, it does them correctly. 


Regards,
Preslav
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
NumericTextBox
Asked by
chris
Top achievements
Rank 1
Answers by
chris
Top achievements
Rank 1
Preslav
Telerik team
Share this question
or