Comments Button Problem

[kemaltulum]

When clicked on the comments on an event card, the event detail page should be opened and the comments section is scrolled down.

I could not make scroll the page when needed with several methods.

• DOM ScrollIntoView function
• Ion-content ScrollByPoint() function

I think there are some problems related with angular.

[okyksl]

@kemaltulum I think I resolved the issue:

<div class="event-wrapper" *ngIf="let e = event">

The *ngIf above causes primitive loaded component/page without any of dom content inside that div. What we can do instead is:

• Stop utilizing *ngIf at top level.
• Use type safe template guard - ?, when trying to access elements of the event.

I'm waiting for your input on whether the issue is resolved with these changes.

[okyksl]

Side note, one can utilize ViewportScroller of Angular to handle scroll related jobs or you can utilize ion-content scrolling functionalities that is provided by Ionic.

[okyksl]

Utilize

<ion-button [disabled]="view" color="secondary" fill="clear" [routerLink]="['/feed', e._id]" fragment="comments">

fragment and routerLink in navigation from the EventCardComponent to EventPage.

[kemaltulum]

Utilize

<ion-button [disabled]="view" color="secondary" fill="clear" [routerLink]="['/feed', e._id]" fragment="comments">

fragment and routerLink in navigation from the EventCardComponent to EventPage.

The code was in this way, I changed it to prevent event propagation, clicking comment button creating event click on the event card.

I inspected the code quickly. @okyksl probably you are right but I cannot manage to find a practical solution