Planned
Last Updated: 25 Sep 2023 00:50 by Eunbyul
Eunbyul
Created on: 11 Sep 2023 02:17
Category: Kendo UI® for Vue
Type: Bug Report
0
pagable option "info" raise error on Nuxt3 Environment

Describe the bug

at Nuxt Environment

 - pagable info option doesn't render information about the current page and the total number of records (both of setting true / false, all)

-  set pageable info option false, error raise like this.


To Reproduce

    - https://stackblitz.com/edit/nuxt-starter-mcocsr

    Expected behavior
    - render information about the current page and the total number of records
    - do not error raise

     

    9 comments
    Eunbyul
    Posted on: 25 Sep 2023 00:50
    Hello Plamen.

    I update @progress/kendo-theme-default:6.7.0, It seems to remove 'display:none'.
    This issue can be closed okay.
    I appreciate your help in resolving the problem.

    Sincerely,
    Eunbyul
    ADMIN
    Plamen
    Posted on: 22 Sep 2023 09:38

    Hello,

    I suppose you are suing an older version of  @progress/kendo-theme-default. WOuld you please try with the newest one 6.7.0 an let me know if you still see the 'display:none' on the k-pager-info'.

    Regards,
    Plamen
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources

    Eunbyul
    Posted on: 22 Sep 2023 09:28

    Hello, Plamen

    I founded this problem was due to the @progress/kendo-theme-default package.

    I attach the photo below.
    '.k-pager-info' class has 'display:none'. I hope that it gets fixed soon.

    I think it would be good if the issue were closed.
    Thank you for responsing issue quickly.

    Sincerely,
    Eunbyul.

    Attached Files:
    ADMIN
    Plamen
    Posted on: 22 Sep 2023 08:54

    Hello,

    We have inspected the issue deeper and it seems to be only happening in the stackblitz environment due to some specifics in our license warning check. Outside of the Stackblitz Nuxt environment once you setup your license the warning is not observed. Having this in mind we are closing the issue as it is not relevant in a real world usage scenario.

    If you have further questions about it please don't hesitate to contact us again.

    Regards,
    Plamen
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources

    Eunbyul
    Posted on: 22 Sep 2023 02:18
    Hello, Petar.

    First of all, thank you for answering my question.

    I want to talk about two things.

    First, At @progress/kendo-vue-grid:3.14.1, Setting pageable info option's false doesn't raise an error. (thank you for fixing error.)
    but, When I set pageable info option is true, It doesn't render pageable info (grid's bottom right-hand).
     
    I thought this problem was related hydration mismatch. But according to your answer, it doesn't seem to be related to hydration mismatch.
    Could you re-check pageable info option?

    Second, I develop a product on Nuxt3. To me, SSR issues are very important.
    So I wonder an approximate bug fix plan.

    Thanks for your attention. I’m looking forward to your reply. 

    Sincerely,
    Eunbyul.
    ADMIN
    Petar
    Posted on: 21 Sep 2023 18:32

    Hello, Eunbyul.

    Thank you for sharing details about the Warning that you get. After testing this example, it seems that the Warning is not related to the Grid's pager but to an issue with the Grid itself. 

    Based on your report and the above example I've logged this bug report on your behalf. I cannot say exactly when the bug will be fixed but what you can do is to follow the shared Feedback portal item. When you are following the item, once there is a change in its status, you will receive a notification.

    I've updated your Telerik points as a sign of gratitude for reporting the issue.

    Please let me know if you have additional questions or need furhter assistance with the current thread. 

    Looking forward to your reply.

    Regards,
    Petar
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources

    Eunbyul
    Posted on: 20 Sep 2023 02:04

    Hello Petar. Thank you for quick response.

    I opened your stackblitz url, I found hydration node mismatch at browser.

    I don't think this issue has been resolved yet.


    Please check this console error




    Sincerely,

    Eunbyul.

    ADMIN
    Petar
    Posted on: 19 Sep 2023 15:44

    Hello, Eunbyul.

    The bug has been fixed in version 3.14.1 of the Native Vue packages. Here is a demo with the fix - https://stackblitz.com/edit/nuxt-starter-4wzr7p?file=package.json 

    Please let me know if you have questions or need further assistance with the current ticket.

    Regards,
    Petar
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources

    ADMIN
    Petar
    Posted on: 15 Sep 2023 14:45

    Hello, Eunbyul.

    Thank you for the shared details the reported behavior seems to be a bug that is replicable when using Nuxt. 

    We will handle the issue with priority and I believe it won't take us long to provide a fix.

    I've updated your Telerik points as a sign of gratitude for reporting the bug.

    Please let me know if you have additional questions or need further assistance with the current thread.

    Regards,
    Petar
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources