Skip to content

Conversation

@Zackareee
Copy link
Contributor

Fixed

When viewing a short webtoon, the previous chapter button is not displayed. Also, scrolling does not go to the next/previous chapter as expected.

To fix, if a webtoon is smaller than the viewport, force the previous chapter button to display. Also, use a separate listener to handle the scroll event.

Copy link
Contributor Author

@Zackareee Zackareee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Annotations.

}

if (event.deltaY > 0) {
this.loadNextChapter.emit();
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I didn't update the value of this.scrollingDirection here -- not sure if this is needed. :)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, I think it is a good idea so you know the direction you were last scrolling. It wont matter much, but better to have.

@DieselTech
Copy link
Collaborator

@Zackareee - I just wanted to reach out and let you know that we've seen the PR's you submitted and aren't ignoring them. The main dev is on vacation right now and will be able to review these as soon as he gets back. Didn't want you to feel discouraged because you haven't gotten a response yet.

@majora2007
Copy link
Member

Would you be able to DM me a file to test against?

Copy link
Member

@majora2007 majora2007 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

I do see it working. Scroll doesn't work at all in cases where this is much smaller than the height. I would assume this is expected to work though?

</div>

<div *ngIf="atTop" #topSpacer class="spacer top" role="alert" (click)="loadPrevChapter.emit()">
<div *ngIf="atTop || heightLessThanView()" #topSpacer [style.height]="heightLessThanView() ? 'inherit' : '300px'" class="spacer top" role="alert" (click)="loadPrevChapter.emit()">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Help me understand the arbitrary 300px? Is this just from the styles? If so, let's make it a css variable and use var(--) on the property so I don't forget to update it in multiple places.

}

if (event.deltaY > 0) {
this.loadNextChapter.emit();
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, I think it is a good idea so you know the direction you were last scrolling. It wont matter much, but better to have.

@majora2007
Copy link
Member

I forgot about this PR, I will note to come back and re-review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: To do

Development

Successfully merging this pull request may close these issues.

Unable to scroll to the next / previous chapter for short webtoons

3 participants