kendo spliter drag spliter bar to left, wrong height

[Euroncap]

kendo spliter drag spliter bar to left, wrong height

<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script> <script src="scripts/kendo.ui.core.min.js"></script>

split1

split2

<style> .class_splitter{ flex-grow: 1; height:calc(100% - 10px); } </style> <script> this.dlg=$("#class_dlg").kendoDialog({ modal: true, width:800, height:600, title:'x' });

    $("#class_splitter").kendoSplitter( {   panes: [ {  size: "500px"}]}); 

</script>

testsplitter.txt

[pepinho24]

Hello,

Please review the custom styles if they are affecting the appearance of the Splitter as with the regular Kendo Themes, the issues does not seem to be present:

• https://dojo.telerik.com/FyrLqfUe
  

If you manage to recreate the issue using the default themes and styles, please edit the Dojo example to reproduce the issue and share it with us here.