yantrab / yangular Goto Github PK

This scroll is not calling scroll event in typescript file on window scroll.

I am having a lot of iPhone users report issues with this module. When trying to reopen a slide in that was previously open, I get wrapper_1.animate is not a function. (In 'wrapper_1.animate(keyframes, options)', 'wrapper_1.animate' is undefined) and it doesn't reopen. I also am noticing that the slide in from left or right animation doesn't work on iPhone. It just pops in like material dialog originally does. It has no slide effect.
Is this a known issue?

Hi,
Nice work with the table, it's very easy to use. I'm trying to migrate my code to this virtual scrolling table but having issue with a trick I used to display a "No resource found" message using footer .

It is basically based on this simple example : https://gist.github.com/StickNitro/5b476cd4f6218080b5438776c612631e

Did you already try to display this kind of message with your lib ?

Or do you plan to integrate the footer feature ? I can work on a PR if you don't mind ;)

Cheers !

no able to get the data return back from the dialog.

https://stackblitz.com/edit/angular-material-animation-sdip8r

@yantrab I faced an issue while fetching the data from API I append that into the rows variable but the issue is that data is not been appended at first, I have to scroll up the table bit little and then only I can see the new data. For the demo, I have put a 2sec delay in the pushing of data. https://stackblitz.com/edit/mat-virtual-table?file=src%2Fapp%2Fapp.component.ts

And also how can I place a spinner within the table, might be this can solve that issue. If we put the spinner outside the table it will not work.

Because I put a div within the table with a message and it is not visible. Outside table it is visible but not solve that issue.

Hi, Can you please tell how to remove sorting from header.

ng-dialog-animation.service.ts (line 111)
110: const closeHandler = (dialogResult?: R) => {
111: _afterClosed.next();

it should be
111: _afterClosed.next(dialogResult);

dialogResult - Optional (but very useful) result to return to the dialog opener.

Thank you!!!

Hi, I am adding data dynamically through which virtual scroll showing data via rows.

When I scroll down the new data is been added and scrollbar size decreases, that is fine but when I used to scroll up again the scrollbar size increases that should not be happened because we have store the response in a variable because in scroll up no new data is been fetched.

I'm sharing my link of stackblitz: https://stackblitz.com/edit/mat-virtual-table

In this data is been added when we are reaching the bottom of the screen and clearly, the scrollbar sizes are increasing/decreasing when I scroll up/down

And also tell me how to increase the number of records in DOM at a time, currently, it seems to be 40-50 but i want it to be 300.

Hi, there is problem with filtering if the filter value contains upper case letters. It seems that filter.nativeElement.value should be to lowercase when comparing with row.query.

Will this package support the Ivy compiler in the near future?

Not able to convert afterClose() observable to promise.

Check here: https://stackblitz.com/edit/angular-material-animation-wkxojh?file=app/dialog-overview-example.ts
Below code is not working as expected:

dialogRef.afterClosed().toPromise().then(() => {
      alert('closed');
    }).catch(() => {
      alert('error');
    });

Please check

When opening a dialog from another dialog, closing the second dialog also closes the first dialog, leaving the back ground overlay still enabled/visible, disabling any further entry on page.

if (config.position && config.position.rowStart) { if (dir === 'rtl') { config.position.left = config.position.rowEnd; } else { config.position.right = config.position.rowEnd; } }

Should be config.position.rowStart;

Hello,

I been used the library to animate material dialog for my project and everything work great for the most part. However, it doesn't seem to work on Safari, will there be support for Safari browser anytime soon?

Hi, Can you please tell how can I Add click function call on table header cell and how can I add my own sorting icon with table heading, so that on click of that icon I can sort data on the behalf of api response?

Hey :)

I'm using some parts of your code to achieve virtual scrolling on my custom table wrapper.
It works really good but i have a problem with the sticky header. (I'm using native table element tags)

The position of the header is correct until start is equal or bigger than the PAGESIZE
(in GridTableDataSource).

I logged the data and tried to figure out a pattern in excel to make a custom calculation but that didn't work :/
Do you have any idea about this?

EDIT
I got it working by querying the header elements and setting the offset there.

const headers = document.getElementsByClassName('mat-header-cell');

for (let i = 0; i < headers.length; i++) {
    headers.item(i)['style'].top = '-' + this.offset.toString() + 'px';
}

@yantrab One thing I noticed in this code is that the table is not populated automatically at first, we have scroll the table little so that over table fields gets populated. Can you please tell me why is it that so?

https://stackblitz.com/edit/mat-virtual-table-8kya8i?file=src%2Fapp%2Fapp.component.html