Premium support for our pure JavaScript UI components


Post by vramanathan »

Our application uses css overflow-y: overlay option to position our vertical scrollbar above the content.
When Bryntum's grid splitter is implemented, on expansion of the grid splitter, the collapse button gets under the scrollbar and the splitter becomes non-collapsible.
Please help.


Post by marcio »

Hey vramanathan,

Could you please share a sample project with your configuration and custom CSS? With that will be a lot easier for us to assist you on this.

You can check the guidelines here viewtopic.php?f=1&t=772

Best regards,
Márcio


Post by vramanathan »

Hi Marcio,
I have attached a zip file that has the sample project for your reference.
-venu

Attachments
Sample_Project.zip
Sample Project
(1.09 MiB) Downloaded 21 times

Post by alex.l »

Thank you for the test case! We've reproduced that and opened a ticket to investigate possible solutions https://github.com/bryntum/support/issues/6530

All the best,
Alex


Post by Animal »

You set the overflow-y : overlay style through one of your own CSS rules applying to our Scheduler through its id or a class you put on it?

I suggest using a similar rule such as

.my-scheduler-class .b-grid-subgrid-locked:not(.b-grid-subgrid-collapsed) + .b-grid-splitter-collapsed {
    margin-inline-end : 15px;
}

To move the splitter away from the right edge.


Post by johan.isaksson »

Regarding the ticket, seems overflow: overlay is deprecated and not supposed to be used on new sites + not x-browser (see https://developer.mozilla.org/en-US/docs/Web/CSS/overflow). Based on that we will not be adding support for it, will close the ticket.

With that said, we can still help out as part of our Professional Services. But I would recommend not relying on deprecated web APIs.

Best regards,
Johan Isaksson

Post Reply