Skip to content

Conversation

ahtesham-quraish
Copy link
Contributor

Description

Container settings sidebar hidden in overflow menu #2468

Supporting information

image

@ahtesham-quraish ahtesham-quraish force-pushed the ahtesham/#2468 branch 2 times, most recently from 8d63f8b to 5eb64ab Compare September 23, 2025 12:32
Copy link

codecov bot commented Sep 23, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 94.70%. Comparing base (b774084) to head (939b413).

Additional details and impacted files
@@            Coverage Diff             @@
##           master    #2475      +/-   ##
==========================================
- Coverage   94.71%   94.70%   -0.01%     
==========================================
  Files        1202     1202              
  Lines       26845    26850       +5     
  Branches     6025     5873     -152     
==========================================
+ Hits        25425    25429       +4     
- Misses       1350     1362      +12     
+ Partials       70       59      -11     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@edschema
Copy link

Hi @ChrisChV @bradenmacdonald, @ahtesham-quraish has created this PR to fix the bug where the settings tab is hidden in an overflow menu for review when available!

Thank you @ahtesham-quraish!

Copy link
Contributor

@bradenmacdonald bradenmacdonald left a comment

Choose a reason for hiding this comment

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

I think this needs to be fixed in Paragon instead of just hacking around it in this MFE. The problem seems to be https://github.com/openedx/paragon/blob/67977fc39923eaae1fed08a0f0a99de295fc8b07/src/hooks/useIndexOfLastVisibleChildHook.tsx#L42-L45 and I think we can update it to use a more complicated calculation that never shows "a dropdown with one item when it would fit".

Comment on lines +10 to +11
// eslint-disable-next-line import/no-extraneous-dependencies
import { Tab, Nav } from 'react-bootstrap';
Copy link
Contributor

Choose a reason for hiding this comment

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

We should not be directly importing from react-bootstrap. That's what the eslint warning import/no-extraneous-dependencies is trying to tell you.

Future versions of Paragon may be refactored to not use bootstrap at all, so we should only use Paragon APIs.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants