chart is not fixed and comes up to the top. (google sheet embed)

  • Resolved taxlawmen

    (@taxlawmen1)


    2 years, 11 months ago

    Hello.
    I ask you a question about the problem that occurred to me. (Regarding Google Spreadsheet embeds)
    The problem is that all the charts on the sheet come up to the top. (This is image)

    For your information, I have the same problem in both elementor plugins and gutenberg.

    Here’s the situation.
    There are three tabs on my page, each with a different sheet(a,b,c) embed.
    *ex) my page : A-tab( a sheet url embed) / B-tab( b sheet url embed) / C-tab( c sheet url embed)

    When I set it up as above and look at my page, A tab is embed normally, but the sheet(b,c) of other tabs(B, C) reads normally, but the chart is not fixed and comes up to the top. (This is image)

    In this situation, I click the B-tab and start reloading. Then, the sheets and charts on the B-tab are loaded normally, but the sheets(a,c) on the other tabs(A, C) have the same problem (the chart comes up top).

    In other words, the current tab refreshes the chart will be fixed normally, but the charts on other tabs will not be fixed, and the same problem will occur.

    I last tried to embed all sheets in one tab. Then, the contents of all the sheets(a,b,c) were loaded normally, and the charts were fixed in their respective positions normally.

    In conclusion, my problem is that the chart is not fixed when there are multiple tabs. I would like to know why the chart is not fixed when I load each sheet from a separate tab. And, as you understand, my problem occurred in settings with tabs. I want you to understand my situation correctly.

    Can this problem be solved?
    Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Amit Paul

    (@paulamit)

    2 years, 11 months ago

    Hi @taxlawmen1,

    Greetings. I hope you’re doing good.

    We’re really sorry for any inconvenience. Thank you so much for the very detailed explanation. It helps us to understand the issue easily.

    And It would be great if you will provide us with the page URL where you have used the embedded Google Sheet under the tabs so that we can investigate this more closely. Then I will get back to you with the update soon.

    Thanks for your patience!

    Thread Starter taxlawmen

    (@taxlawmen1)

    2 years, 11 months ago

    Thank you for your quick reply.
    And I’m so sorry.
    The page where the problem occurred is private for a variety of reasons. So, it is difficult to provide url.
    So, I made a demo page for you where this problem occurs.
    This is chart problem page.
    This is chart problem page (elementor plugin)

    And I’m only allowing access to my country for security reasons. Now, I have temporarily lifted the restrictions for you (but I want to allow only your access country. Please let me know if it is possible.)

    Thank you.

    Plugin Support Amit Paul

    (@paulamit)

    2 years, 11 months ago

    Hi @taxlawmen1,

    I hope this message finds you well. Actually, we have investigated your issue very deeply and found that the issue isn’t occurring due to our end, It only happens when you tried this under the Tabs from different plugins. So, It occurs from the tabs.

    Also, you can see this issue plays differently for different browsers. As you will see here: https://d.pr/v/vdhIbz, the issue isn’t present on the Firefox browser.

    However, though the issue isn’t causing due to our plugin, I have managed custom CSS to avoid this issue.

    For this page: https://taxreportmiri.com/chart-problem-demo/
    Use the custom CSS below.

    .wp-block-kadence-tab.kt-tab-inner-content:not([aria-hidden=“false”]) {
    display: block!important;
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: auto;
    margin: 0;
    padding: 0;
    margin-top: -2px;
    }

    And, For this page: https://taxreportmiri.com/chart-stick-problem-demo-elementor/
    Use the custom CSS below.

    .eb-tab-wrapper:not([style=“display: block; animation: 0.3s ease 0s 1 normal none running fadeIn;“]) {
    display: block!important;
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: auto;
    }

    You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.
    After you are on the Customizer page, search for the “Additional CSS” option. You can then go ahead and insert CSS Code.

    Please check this screencast to learn more – https://d.pr/v/QrrfTw

    I hope it helps. Let me know how it goes.

    Thank you!

    Thread Starter taxlawmen

    (@taxlawmen1)

    2 years, 11 months ago

    Hi.
    Thank you for spending a lot of time on my problems.
    First, I applied the CSS you suggested. General demo pages have been fixed, but elementor pages still have problems.
    However, I had to fix the problem on my private page, not on the demo page. I thought an update to this plugin would solve all of this, but it became an unexpected problem when I saw it working normally in the firefox browser you showed me.
    So, I tried to solve this problem by today, referring to the CSS you told me. I was lucky. I would like to inform you that my chart problem has been solved after many tests. It wasn’t easy for me, not a developer.
    However, I made it possible to solve my chart problem through CSS that you told me and preloader plugin . And in the process, I also checked the problem of iframe refresh. In other words, I was able to see that all the charts that came up moved to their normal positions when running iframe refresh. Of course, I don’t know if this is an exact solution. However, the results are not bad.
    My problem with asking you was an important problem for me. So I had to solve it, and your answer was at the beginning of the solution. Thank you again, and I really appreciate your help. I’ll tell you again if there’s any other problem, but I think this problem is solved.
    Well, have a nice day~~

    Plugin Support Amit Paul

    (@paulamit)

    2 years, 11 months ago

    Hi @taxlawmen1

    I hope this message finds you well. I’m really sorry for the delay in reaching you again. Thanks for your valuable feedback. And I really appreciate you for the steps you did to resolve it.

    Actually, For this page: https://taxreportmiri.com/chart-stick-problem-demo-elementor/, I accidentally provided you the wrong CSS. Really sorry for that. Kindly use the below CSS.

    .eael-advance-tabs .eael-tabs-content>div:not(.active) {
    display: block !important;
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: auto;
    }

    I hope it helps. Kindly, Let me know how it goes.

    Thank you for your understanding & co-operation!

    Thread Starter taxlawmen

    (@taxlawmen1)

    2 years, 11 months ago

    Hi.
    The CSS you told me is working. The elementor page has also been fixed.
    Thank you for letting me know the solution until the end.
    Thank you.

    Plugin Support Amit Paul

    (@paulamit)

    2 years, 11 months ago

    Hi @taxlawmen1,

    Good day. Really happy to hear that everything is working perfectly now.

    Well, If you like our plugin and support, kindly leave a 5-star review. It would help other users.

    Link to review: https://wordpress.org/support/plugin/embedpress/reviews/#new-post

    Thank you in advance! 🙂

    Thread Starter taxlawmen

    (@taxlawmen1)

    2 years, 11 months ago

    Sure. I wrote it now. Your support was a great help to me. Thank you again.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘chart is not fixed and comes up to the top. (google sheet embed)’ is closed to new replies.