Community Napili Template Record List components overflow to neighboring column in Mozilla Firefox
Last updated 2022-02-10 ·Reference W-3240840 ·Reported By 1 users
Summary
The Record list on the left side of the Community page on a 2:1 Two-Column layout overflows to the neighboring column on the right. This affects only Mozilla Firefox but displays properly in Chrome and IE.
Repro
1. Through setup, create or edit a standard list view for an object accessible to the community (e.g. Accounts), and add 10+ fields/columns for display.
2. Go to Community Builder.
3. Create a page that uses a 2-column layout e.g. “2 columns with a 2:1 ratio”.
4. Add a Record List component to the content/left column on the page:
a. Object Name = subject from #1
b. Filter Name = List view from #1
5. Preview the page.
Workaround
The only workaround for now is to add appropriate CSS to the head markup of the community template. Adding the following markup (Builder | Settings | Advanced | Edit Head Markup) avoids the problem:
<style type=“text/css”>
.listViewContainer { min-width:0; }
</style>
NOTE: The customer may implement/use this at their own discretion. Its by no means a fix to the problem, nor can we guarantee that applying such CSS won't affect the community elsewhere.
Reported By (1)
Is it Fixed?
Any unreleased services, features, statuses, or dates referenced in this or other public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make their purchase decisions based upon features that are currently available.