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

Bug with box-sizing

4 Answers 266 Views
Window
This is a migrated thread and some comments may be shown as answers.
Simon
Top achievements
Rank 1
Simon asked on 11 May 2017, 07:15 PM

I just upgraded from kendo 2015.3.930 to 2017.2.504 and I've found a bug regarding the Window.

You can reproduce this bug in the kendo's window demo.  All you have to do is to to resize the window height using the top or the bottom resize handle.  You'll notice that the bottom section of the window will disappear, hidden by the k-window-content div.

This seems to be related to the box-sizing attribute of the k-window-content element that was changed from border-box to content-box.

See attached picture.  Left window was made with box-sizing = border-box and right is the same window with box-sizing = content-box.

Can you confirm if I'm right about this?

Regards,

Simon

4 Answers, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 15 May 2017, 01:01 PM
Hi Simon,

Thank you for reporting the issue.

We have already logged it for fixing and here you can track and comment it: https://github.com/telerik/kendo-ui-core/issues/3187.

Regards,
Nikolay
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Bastian
Top achievements
Rank 1
answered on 29 Aug 2017, 09:14 AM

I'm not sure if it is related, but I am running into a problem using a dropdown in a window, when viewed on a mobile device (or more precise, a Chrome device toolbar's mobile device). I tried to prepare a dojo, but obviously  it cannot be replicated without a "mobile dojo": http://dojo.telerik.com/OPeNo

The issue is that the dropdown is only about half the size it should be. It has to do with the

-webkit-box-sizing: border-box; / box-sizing: border-box;

attributes on span.k-input.

There is an html comment at the bottom, that helps reproducing the issue by replacing the k-widget class with km-widget.

Thanks.

0
Ivan Zhekov
Telerik team
answered on 31 Aug 2017, 06:21 AM
Dropdownlist has a predefined width, which can be easily overridden, just like in a this dojo, based on yours -- http://dojo.telerik.com/@joneff/Umexo.

If my proposed solution was not what you were looking for, could you open a new support thread, so we wont dilute this one?

Regards,
Ivan Zhekov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Bastian
Top achievements
Rank 1
answered on 31 Aug 2017, 09:07 AM
Hi, thanks for the reply. I updated my internal support ticket since the proposed solution is not what I was looking for. Thank you!
Tags
Window
Asked by
Simon
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Bastian
Top achievements
Rank 1
Ivan Zhekov
Telerik team
Share this question
or