Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Followed Channels Sidebar navigates to bottom of scroll region when mouse leaves the pane #1480

Open
Squiggle-P opened this issue Mar 31, 2024 · 0 comments
Labels

Comments

@Squiggle-P
Copy link

Describe the bug
When the "For You" side-menu loads (Followed Channels, Recommended Channels, Other ABCDEF viewers also watch... etc), each of the subcategories are loaded compressed, with the option to "Show More" to expand. The total side-menu does not exceed the page height when it's initially loaded. However, when the "Show More" button is used to expand and view more channels in the "Followed Channels" category (bug behavior does NOT occur with only other submenus expanding), the height of this pane exceeds the height of the browser and the scroll bar appears. This all works as normal, so long as the mouse cursor is hovering over this pane. As soon as the mouse cursor LEAVES the pane, the scroll bar snaps to the bottom.

To Reproduce
Steps to reproduce the behavior:

  1. Navigate to Twitch.TV homepage
  2. Navigate to the For You pane
  3. Expand the "Followed Channels" category with the "Show More"
  4. Move mouse cursor back to main Twitch pane
  5. "For You" pane snaps to bottom of scroll region, obscuring the channels that have now been pushed out of the top of the scroll region.

Expected behavior
At step 5 above, I would expect that no action will take place when the mouse cursor leaves the pane - the channel list should remain exactly as-is.

Screenshots
Can be provided if applicable.

Environment (please complete the following information):

  • OS: Windows 10 Pro
  • Browser: Google Chrome
  • Version: v1220.6261.129
  • Other Extensions: BTTV, uBlock Origin, TTV LOL

FFZ Logs (via FFZ Control Center > Home > Feedback >> Log):
The upload timed out, log text below.

-------------------------------------------------------------------------------
[20:35:22] info | core: FrankerFaceZ v4.72.0 (s:twitch f:main b:null c:38e557e8093ad5fd529086940a3515ad8a9dc4fb)
[20:35:22] info | core: Initial URL: https://www.twitch.tv/
[20:35:22] info | site: Using: Twilight
[20:35:22] info | site.web_munch: Found and wrapped webpack's loader after 0ms.
[20:35:22] info | settings: Using Provider: LocalStorageProvider
[20:35:22] info | site.web_munch: require() grabbed in 1.30000ms.
[20:35:22] info | core: Loaded descriptions of 0 modules.
[20:35:22] info | settings: Initialization complete after 35.80000ms -- Values: 28 -- Profiles: 2
[20:35:22] info | site.fine: Installing MutationObserver.
[20:35:22] info | site: Loaded descriptions of 17 modules.
[20:35:22] info | site.elemental: Installing MutationObserver.
[20:35:22] info | experiments: Loaded information on 4 experiments.
[20:35:22] info | core: Initialization complete in 221.80000ms.

settings
-------------------------------------------------------------------------------
i18n.debug.capture: false
i18n.format.date: "default"
i18n.format.time: "short"
i18n.format.datetime: "medium"
i18n.debug.transform: null
i18n.locale: "en"
data.use-staging: false
addons.dev.server: false
pubsub.use-cluster: null
metadata.modview.hide-info: false
layout.side-nav.hide-viewers: false
metadata.uptime: 2
metadata.uptime.no-native: true
metadata.viewers: false
metadata.viewers.no-native: false
layout.swap-sidebars: false
layout.portrait: false
layout.portrait-threshold: 1.25
layout.use-portrait: false
chat.width: null
chat.use-width: false
layout.use-chat-fix: false
layout.is-theater-mode: false
layout.theatre-navigation: false
layout.minimal-navigation: true
layout.side-nav.show-avatars: true
layout.side-nav.show: 1
layout.side-nav.hide-offline: false
layout.hide-discover-luna: false
layout.prime-offers: true
channel.hide-unfollow: false
chat.hype.show-pinned: true
channel.round-avatars: true
channel.hide-live-indicator: false
layout.side-nav.rerun-style: 1
layout.side-nav.show-rec-channels: 1
layout.side-nav.show-friends: 1
whispers.show: true
channel.show-celebrations: true
layout.subtember: false
layout.theme.global-font: ""
layout.turbo-cta: true
layout.portrait-invert: false
layout.portrait-min-chat: false
layout.inject-portrait: false
layout.use-portrait-swapped: false
player.theatre.metadata: false
layout.use-portrait-meta: false
layout.use-portrait-meta-top: false
layout.portrait-extra-width: 24
player.theatre.no-whispers: false
layout.portrait-extra-height: 10
theme.disable-high-contrast: false
theme.high-contrast-tweaks: false
theme.disable-auto-dark: true
theme.can-dark: true
theme.is-dark: true
theme.color.background: ""
theme.color.text: ""
theme.legacy-dark-input: false
theme.color.accent: ""
theme.color.tooltip.background: ""
theme.color.tooltip.text: ""
theme.color.chat-background: ""
theme.color.chat-text: ""
theme.color.chat-accent: ""
theme.font.size: 13
directory.show-channel-avatars: undefined
directory.hide-live: false
directory.hidden.reveal: false
directory.hidden.style: 2
directory.wait-flags: false
directory.show-flags: false
directory.blur-flags: {}
directory.block-flags: {}
directory.blocked-tags: []
directory.blur-tags: []
directory.blur-titles: []
__filter:directory.blur-titles: null
directory.block-titles: []
__filter:directory.block-titles: null
directory.uptime: 1
channel.panel-tips: false
channel.auto-click-chat: false
player.gain.enable: true
player.gain.no-volume: true
player.volume-always-shown: false
player.ext-interaction: true
player.hide-mouse: true
player.fade-pause-buffer: false
player.ext-hide: 0
player.captions.font-size: ""
player.captions.font-family: ""
player.compressor.enable: true
player.compressor.shortcut: null
player.hide-event-bar: false
chat.bits.show: true
layout.display-bits-button: true
directory.hide-recommended: false
ffz.show-new-settings: true
player.force-visible: undefined
player.no-autoplay: false
player.home.autoplay: true
player.disable-content-warnings: true
player.button.pip: true
player.button.reset: true
player.gain.min: 0
player.gain.max: 2
player.compressor.default: true
player.allow-catchup: true
addon.seventv_emotes.animated_avatars: true
addon.seventv_emotes.badges: true
addon.seventv_emotes.global_emotes: true
player.compressor.force-legacy: false
player.gain.default: 0.3
player.compressor.threshold: -50
player.compressor.knee: 40
player.compressor.ratio: 12
player.compressor.attack: 0
player.compressor.release: 0.25
player.volume-scroll: false
player.gain.scroll: false
player.single-click-pause: false
player.mute-click: false
ffz.search.matches-only: true
debug.link-resolver.source: {"title":"Cloudflare Test Worker","value":"https://link-service.workers.frankerfacez.com"}

experiments
-------------------------------------------------------------------------------
Unique ID: jikmcs1yzKWZhiGxPPNFOOqhnc2vmBTa

FFZ | EMQX MQTT-Based PubSub: false (r:0.75)
Twitch | TWILIGHT_AD_DENSITY_WIDGET: no (r:0, t:channel_id, c:undefined)
Twitch | auto_mod_smart_detection: control (r:0, t:channel_id, c:undefined)
Twitch | channel_points_reward_limits_v2: control (r:0, t:channel_id, c:undefined)
Twitch | chmod-bcsvs: control (r:0, t:channel_id, c:undefined)
Twitch | chmod-vf: control (r:0, t:channel_id, c:undefined)
Twitch | copo_multi_option_predictions: control (r:0, t:channel_id, c:undefined)
Twitch | hype_train_all_time_high: hype_train_all_time_high_off (r:0, t:channel_id, c:undefined)
Twitch | ltd_experiment_v2: PRERELEASE (r:0, t:channel_id, c:undefined)
Twitch | more_default_quick_actions: control (r:0, t:channel_id, c:undefined)
Twitch | new_affiliates_goals: control (r:0, t:channel_id, c:undefined)
Twitch | persistent_goals_2: control (r:0, t:channel_id, c:undefined)
Twitch | project_ape: control (r:0, t:channel_id, c:undefined)
Twitch | toga-turtle-street: control (r:0, t:channel_id, c:undefined)
Twitch | community_insights: control (r:0.01, t:channel_id, c:undefined)
Twitch | global_commerce_upsell_holdout: control (r:0.05, t:user_id)
Twitch | support_panel_simplification: control (r:0.2, t:user_id)
Twitch | percolite-shelf-reranking-logged-in: variant2b (r:0.24, t:user_id)
Twitch | percolite-shelf-reranking-logged-out: variant2a (r:0.24, t:device_id)
Twitch | Devsite_create_apps_form_recaptcha: variant1 (r:0.5, t:user_id)
Twitch | Twilight Player Core NPM Distribution (Public): variant-b (r:0.5, t:device_id)
Twitch | bits_simplified_purchase: treatment (r:0.5, t:user_id)
Twitch | chat_privmsg_to_gql: control (r:0.5, t:user_id)
Twitch | creator_follow_cue: activity-feed (r:0.5, t:user_id)
Twitch | giftcard_redemption_in_checkout: control (r:0.5, t:device_id)
Twitch | mandatory_email_verification: control (r:0.5, t:device_id)
Twitch | sda_post_fill_drop: control (r:0.5, t:device_id)
Twitch | seg_mented_signup: variant_4 (r:0.5, t:device_id)
Twitch | subscriber_recap: control (r:0.5, t:channel_id, c:undefined)
Twitch | toad_experiment: control (r:0.6, t:channel_id, c:undefined)
Twitch | disco_bpli: control (r:0.75, t:user_id)
Twitch | amazon_ivs_web_broadcast_retry_errors_userid: control (r:0.95, t:user_id)
Twitch | liverecs_holdout_device: control (r:0.98, t:device_id)
Twitch | liverecs_holdout_v2: control (r:0.98, t:user_id)
Twitch | disco_carousel_shelf: control (r:0.99, t:user_id)
Twitch | guest_star_left_nav_online_channel_augmentation: allowed (r:0.99, t:device_id)
Twitch | mse_in_workers: treatment (r:0.99, t:device_id)
Twitch | rrt_clock: disabled (r:0.99, t:device_id)

addons
-------------------------------------------------------------------------------
Known
unread-mentions-counter | disabled | UnreadMentionsCounter v1.1.2
twir | disabled | Twir v1.0.1
smokemotes | disabled | smokeys_utils v1.2.1
smm2-links | disabled | SMM2 Links v1.2.0
screenshoter | disabled | screenshoter v1.1.1
repetition-detector | disabled | repetition_detector v1.1.0
ragnarok-database | disabled | rodb v1.0.1
pronouns | disabled | pronouns v1.2.0
prattlenot | disabled | PrattleNot v0.9.0
poll-shim | disabled | poll_shim v0.2.2
no-bad-emotes | disabled | NoBadEmotes v1.1.0
new-account-highlighter | disabled | New Account Highlighter v1.1.1
inline-tab-completion | disabled | Inline Tab v1.2.5
fs-chat | disabled | fs-chat v1.5.2
first-message-highlighter | disabled | first_msg_highlight v1.1.3
ffzap-liriklive | disabled | FFZ:AP LirikLIVE v3.2.2
ffzap-core | disabled | FFZ:AP Core v3.3.11
ffzap-bttv | disabled | FFZ:AP BTTV v3.3.21
emoteless | disabled | emote_less_chat v1.0.6
declutter | disabled | declutter v1.0.0
deck | disabled | Deck v2.7.0
clip-confirm | disabled | ClipConfirm v1.0.5
chatterino-badges | disabled | Chatterino v1.0.0
brcm | disabled | brcm v1.0.0
aplatypuss-emotes | disabled | Aplatypuss Emotes v1.0.0
ModTools | disabled | Mod Tools v1.0.1
7tv-emotes | enabled | 7TV v1.4.22

Modules
loaded   | enabled  | 
loaded   | enabled  | core
loaded   | enabled  | settings
loaded   | enabled  | experiments
loaded   | enabled  | i18n
loaded   | enabled  | staging
loaded   | enabled  | load_tracker
loaded   | enabled  | socket
loaded   | enabled  | pubsub
loaded   | enabled  | site.web_munch
loaded   | enabled  | site.fine
loaded   | enabled  | site.elemental
loaded   | enabled  | site.router
loaded   | enabled  | site.apollo
loaded   | enabled  | site.twitch_data
loaded   | enabled  | site.subpump
loaded   | enabled  | site
loaded   | enabled  | addons
loaded   | enabled  | vue
loaded   | enabled  | tooltips
loaded   | enabled  | chat.badges
loaded   | enabled  | chat.emotes
loaded   | enabled  | chat.emoji
loaded   | enabled  | chat.actions
loaded   | enabled  | chat.overrides
loaded   | enabled  | chat
loaded   | enabled  | emote_card
loaded   | enabled  | link_card
loaded   | enabled  | main_menu
loaded   | enabled  | site.bits_button
loaded   | enabled  | metadata
loaded   | enabled  | site.bttv_compat
loaded   | enabled  | site.css_tweaks
loaded   | enabled  | site.channel
unloaded | disabled | translation_ui
loaded   | enabled  | site.chat.scroller
loaded   | enabled  | site.chat.chat_line.rich_content
loaded   | enabled  | site.chat.chat_line
loaded   | enabled  | site.chat.settings_menu
loaded   | enabled  | site.chat.emote_menu
loaded   | enabled  | site.chat.input
loaded   | enabled  | site.chat.viewer_cards
loaded   | enabled  | site.chat
loaded   | enabled  | site.compat_emote_menu
loaded   | enabled  | site.dashboard
loaded   | enabled  | site.directory.game
loaded   | enabled  | site.directory
loaded   | enabled  | site.featured_follow
loaded   | enabled  | site.layout
loaded   | enabled  | site.loadable
loaded   | enabled  | site.menu_button
loaded   | enabled  | site.mod-view
loaded   | enabled  | site.player
loaded   | enabled  | site.sub_button
loaded   | enabled  | site.theme
loaded   | enabled  | site.video_chat
loaded   | enabled  | addon.7tv-emotes
loaded   | enabled  | addon.7tv-emotes.api.user
loaded   | enabled  | addon.7tv-emotes.api.emotes
loaded   | enabled  | addon.7tv-emotes.api.cosmetics
loaded   | enabled  | addon.7tv-emotes.api
loaded   | enabled  | addon.7tv-emotes.avatars
loaded   | enabled  | addon.7tv-emotes.badges
loaded   | enabled  | addon.7tv-emotes.emotes
loaded   | enabled  | addon.7tv-emotes.nametag-paints
loaded   | enabled  | addon.7tv-emotes.personal-emotes
loaded   | enabled  | addon.7tv-emotes.socket

chat
-------------------------------------------------------------------------------
chat settings
-------------------------------------------------------------------------------
chat.effects.enable: true
chat.effects.FlipX: true
chat.effects.FlipY: true
chat.effects.ShrinkX: true
chat.effects.GrowX: true
chat.emotes.animated: 1
chat.effects.Slide: true
chat.effects.Appear: true
chat.effects.Leave: true
chat.effects.Rotate: true
chat.effects.Rainbow: true
chat.effects.HyperRed: true
chat.effects.Shake: true
chat.effects.Photocopy: true
chat.effects.Jam: true
chat.effects.Bounce: true
chat.badges.fix-colors: true
theme.can-dark: true
theme.is-dark: true
chat.badges.style: 1
chat.badges.clickable: 2
chat.badges.version: 2
chat.filtering.all-mentions: true
chat.filtering.color-mentions: true
chat.filtering.need-colors: true
chat.actions.inline: [{"action":"ban","appearance":{"type":"icon","icon":"ffz-i-block"},"options":{},"display":{"mod":true,"mod_icons":true,"deleted":false}},{"action":"unban","appearance":{"type":"icon","icon":"ffz-i-ok"},"options":{},"display":{"mod":true,"mod_icons":true,"deleted":true}},{"action":"timeout","appearance":{"type":"icon","icon":"ffz-i-clock"},"display":{"mod":true,"mod_icons":true}},{"action":"msg_delete","appearance":{"type":"icon","icon":"ffz-i-trash"},"options":{},"display":{"mod":true,"mod_icons":true}}]
chat.actions.hover: [{"action":"pin","appearance":{"type":"icon","icon":"ffz-i-pin"},"options":{},"display":{"mod_icons":true}},{"action":"reply","appearance":{"type":"dynamic"},"options":{},"display":{}}]
chat.scroller.freeze-requires-hover: true
chat.scroller.hover-delay: 750
chat.scroller.freeze: 0
chat.scroller.smooth-scroll: 0
chat.input.hide-identity: false
chat.emote-menu.enabled: true
chat.emote-menu.icon: false
chat.emoji.style: "twitter"
chat.inline-preview.enabled: true
chat.emotes.2x: 0
chat.emotes.limit-size: true
chat.banners.last-events: true
chat.input.show-mod-view: true
chat.input.show-highlight: true
chat.input.show-shield: true
chat.lines.padding: false
chat.bits.show: true
chat.filtering.deleted-style: 1
chat.filtering.clickable-mentions: false
chat.filtering.bold-mentions: true
chat.hide-community-highlights: false
chat.lines.alternate: false
chat.filtering.highlight-mentions: false
chat.filtering.highlight-tokens: false
chat.filtering.mention-color: ""
chat.input.show-elevate-your-message: true
chat.disable-handling: false
chat.adjustment-mode: 0
chat.adjustment-contrast: 4.5
theme.color.chat-background: ""
theme.color.background: ""
theme.color.chat-text: ""
theme.color.text: ""
chat.lines.borders: 0
chat.width: null
chat.effective-width: 340
chat.actions.size: 16
chat.actions.hover-size: 30
chat.timestamp-size: null
chat.font-size: 13
chat.lines.emote-alignment: 0
chat.font-family: "google:Inter"
chat.update-when-loaded: true

Additional context
N/A

@Squiggle-P Squiggle-P added the bug label Mar 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant