Border-radius of large elements in Chrome and IE

2 posts, 0 answers
  1. Stepper
    Stepper avatar
    2 posts
    Member since:
    Mar 2015

    Posted 23 Jul 2015 Link to this post

    Hi all,

     I'm experiencing a strange issue when trying to draw large elements with border-radius: 100% in Chrome and IE -- Firefox works fine. When these elements are large, the circle is not completely round (i.e., 100%), more like an oval. Please see example below:

    Anyone know of a solution here for Chrome and IE? Any help is much appreciated!



  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 27 Jul 2015 Link to this post

    Hi Stepper,

    I am not quite sure if I understand correctly what the actual issue is - I checked the provided example and the same outcome is rendered in all major browsers (image). Also the same outcome is observed without using the drawing API (dojo). Could you please elaborate a bit more?

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top