Page 1 of 1

[REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon Mar 20, 2023 11:56 am
by jonathanca97

Hi,

I just upgraded my Bryntum calendar from v5.2.2 to v5.3.1.
Everything seems to work fine, except for some behavior when hovering over an event. It appears that on v5.3.1, the event expands when hovering when a tooltip is enabled (without the eventTooltip, it doesn't has this behavior). Is there a way to disable this behavior, as our clients think this is annoying? I've attached a screen recording with the new behavior.


Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon Mar 20, 2023 4:15 pm
by marcio

Hey jonathanca97,

Currently is not possible to disable that behavior, but I created a ticket to add that configuration https://github.com/bryntum/support/issues/6410


Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon Mar 20, 2023 4:27 pm
by jonathanca97

Hi Marcio,

Thank you for the quick response :) !
Do you have any idea when this would be fixed?


Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon Mar 20, 2023 5:42 pm
by marcio

Hey,

No idea for now, as we'll have our dev team looking into it shortly, but you can follow the ticket in the GH to get the latest updates as soon as they happen.


Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon May 15, 2023 11:22 am
by jonathanca97

Hi Marcio

it's been a while now, any updates on this?


Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon May 15, 2023 12:10 pm
by Animal

We could make it optional in the eventTooltip by adding a revealEventsInCluster setting which defaults to true so can be configured:

    updateActiveTarget(element, was) {
        super.updateActiveTarget(...arguments);
        was?.classList.remove('b-cal-event-reveal');

        // The activating event element is lifted to the top of the z-index stack while
        // it is the target of the tooltip.
        if (element?.classList.contains('b-cal-in-cluster') && this.revealEventsInCluster) {
            element.classList.add('b-cal-event-reveal');
        }
    }

That way you could achieve this effect when there are lots of events:

Screenshot 2023-05-15 at 12.07.30.png
Screenshot 2023-05-15 at 12.07.30.png (159.74 KiB) Viewed 787 times

Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon May 22, 2023 4:49 pm
by jonathanca97

Hi

Yes, this option would be perfect :) !

Kind regards
Jonathan


Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon May 22, 2023 5:45 pm
by Animal

I’ve set a reminder to get to this before the next release.


Re: [REACT] Calendar event expanding when eventTooltip feature enabled

Posted: Mon May 29, 2023 4:56 pm
by jonathanca97

Pefect thanks!