Bug with box-sizing

5 posts, 0 answers
  1. Simon
    Simon avatar
    163 posts
    Member since:
    Sep 2010

    Posted 11 May Link to this post

    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

  2. Nikolay
    Admin
    Nikolay avatar
    84 posts

    Posted 15 May Link to this post

    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.
  3. Bastian
    Bastian avatar
    4 posts
    Member since:
    Feb 2017

    Posted 29 Aug Link to this post

    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.

  4. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    600 posts

    Posted 31 Aug Link to this post

    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.
  5. Bastian
    Bastian avatar
    4 posts
    Member since:
    Feb 2017

    Posted 31 Aug in reply to Ivan Zhekov Link to this post

    Hi, thanks for the reply. I updated my internal support ticket since the proposed solution is not what I was looking for. Thank you!
Back to Top