Code Monkey home page Code Monkey logo

Comments (3)

mariusandra avatar mariusandra commented on September 2, 2024 1

Hey, while I couldn't reproduce the bug as you described, there is now support to detect changes to the width of the container itself. Here's a demo where it works (source).

Closing this issue. Feel free to reopen if there are still issues.

from react-calendar-timeline.

KatSick avatar KatSick commented on September 2, 2024

+1.I have same problem.
i fixed it with calling .resize() method when layout changes. it it dirty hack, but it works in my case

BTW i use mobx

// Subscribe for layout changes
        this.dispose = observe(
            // Subscribe for my updates
            ui.filters.state[types.OVERVIEW_FILTER],
            (change) => {
                // If change is to open/close filter (which require re-painting)
                if (change.name === 'opened') {
                    // If we hide filter -> save initial width of timeline
                    if (!change.newValue) {
                        change.object.memorizedScrollWidth = this.refs.timeline.refs.scrollComponent.offsetWidth;
                        setTimeout(() => this.refs.timeline.resize(), 0);
                    // If we show filter -> restore saved initial width for timeline
                    } else {
                        this.refs.timeline.refs.scrollComponent.style.width = `${change.object.memorizedScrollWidth}px`;
                        setTimeout(() => this.refs.timeline.resize(), 0);
                    }
                    ui.showDebug('Trigger resize of overview');
                }
            });
    }

from react-calendar-timeline.

tuarrep avatar tuarrep commented on September 2, 2024

Any news here?

from react-calendar-timeline.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.