I have been trying to figure out this bug for several hours now and just can't seem to figure out what the issue is. I am using the Kendo UI Grid to display some items. The pager at the bottom works perfectly fine on any screen resolution above 1024px. But once it hits or goes below 1024px, the actual button to select the page your on drops down a line below the rest of the buttons.
I have inspected element on it and tried to change a ton of different style properties for it but none seem to work. I have attached screenshots to this thread. The first attachment is of it working properly on screens greater than 1024px wide. The second attachment is of it broken when the screen resolution is <= 1024px.
Hopefully someone has run into this problem before and can help me out. It's driving me insane!
3 Answers, 1 is accepted
Rank 1
This thread can be closed. I ended up figuring it out finally.
I removed the "transform: translateY(100%)" from the button and that seemed to fix it. Never had an issue with that on any of my other sites in the past though, so I'm not sure why that caused an issue this time. Just glad it's working again though. :)
This is a known issue, it has been addressed - please test your application using the latest internal build and let me know if you observe any further problems.
Regards,
Iliana Nikolova
Telerik
Rank 1
Hi Iliana,
That does seem to have fixed the issue. Thank you for your response!