Panel 'HIDE_HEADER' option collapses right margin making scrolling difficult #95142

New Issue

eldee smith · 2022-01-22T19:10:07+01:00

eldee smith commented

2022-01-22 19:10:07 +01:00

System Information
Operating system: Windows-10-10.0.19043-SP0 64 Bits
Graphics card: NVIDIA GeForce RTX 3080/PCIe/SSE2 NVIDIA Corporation 4.5.0 NVIDIA 472.39

Blender Version
Broken: version: 3.1.0 Alpha, branch: master, commit date: 2021-12-26 20:08, hash: 20b438d523
Worked: (newest version of Blender that worked as expected)

Short description of error
When using the HIDE_HEADER option, the right margin of the panel collapses, which causes the scrollbar to appear on top of content. Most noticeable with UILists that have small right-hand-side buttons (such as a list of materials with add/remove buttons).

Exact steps for others to reproduce the error
Run the included min-repro script and observe the issue in the VIEW_3D panel.

With HIDE_HEADER:

Without HIDE_HEADER:

import bpy


class HeaderBugPanel(bpy.types.Panel):
    bl_category = "TEST"
    bl_label = "Header Bug"
    bl_idname = "OBJECT_PT_header_bug"
    bl_space_type = 'VIEW_3D'
    bl_region_type = 'UI'
    bl_options = {'HIDE_HEADER'}

    def draw(self, context):
        layout = self.layout
        col = layout.column(align=True)
        col.label(text="This bug isn't very obvious unless you")
        col.label(text="have enough content to activate the scrollbar.")
        col.separator()
        col.label(text="With HIDE_HEADER the right margin is collapsed")
        col.label(text="and the scollbar will appear on top of content")
        col.label(text="making clicking on buttons and fields very")
        col.label(text="difficult. For example:")
        col.separator()
        row = layout.row(align=True)
        row.operator('object.select_all', text="Button 1").action='SELECT'
        row.operator('object.select_all', text="Button 2").action='SELECT'
        row.operator('object.select_all', text="Button 3").action='SELECT'
        row.operator('object.select_all', text="Button 4").action='SELECT'
        row.operator('object.select_all', text="Button 5").action='SELECT'
        
        col = layout.column(align=True)
        col.label(text="Working with a UIList with small right-side buttons")
        col.label(text="is virtually impossible:")
        
        
        ob = context.active_object

        if ob:
            is_sortable = len(ob.material_slots) > 1
            rows = 3
            if is_sortable:
                rows = 5

            row = layout.row()

            row.template_list("MATERIAL_UL_matslots", "", ob, "material_slots", ob, "active_material_index", rows=rows)

            col = row.column(align=True)
            col.operator("object.material_slot_add", icon='ADD', text="")
            col.operator("object.material_slot_remove", icon='REMOVE', text="")

            col.separator()

            col.menu("MATERIAL_MT_context_menu", icon='DOWNARROW_HLT', text="")

            if is_sortable:
                col.separator()

                col.operator("object.material_slot_move", icon='TRIA_UP', text="").direction = 'UP'
                col.operator("object.material_slot_move", icon='TRIA_DOWN', text="").direction = 'DOWN'
                
        
        layout.separator(factor=25)
        layout.label(text="more content to stretch the panel....")
        layout.separator(factor=25)
        layout.label(text="more content to stretch the panel...")
        layout.separator(factor=25)
        layout.label(text="more content to stretch the panel...")
        layout.separator(factor=25)
        layout.label(text="more content to stretch the panel...")
        layout.separator(factor=25)
        layout.label(text="more content to stretch the panel...")
        layout.separator(factor=25)
        layout.label(text="more content to stretch the panel...")



def register():
    bpy.utils.register_class(HeaderBugPanel)


def unregister():
    bpy.utils.unregister_class(HeaderBugPanel)


if __name__ == "__main__":
    register()

**System Information** Operating system: Windows-10-10.0.19043-SP0 64 Bits Graphics card: NVIDIA GeForce RTX 3080/PCIe/SSE2 NVIDIA Corporation 4.5.0 NVIDIA 472.39 **Blender Version** Broken: version: 3.1.0 Alpha, branch: master, commit date: 2021-12-26 20:08, hash: `20b438d523` Worked: (newest version of Blender that worked as expected) **Short description of error** When using the HIDE_HEADER option, the right margin of the panel collapses, which causes the scrollbar to appear on top of content. Most noticeable with UILists that have small right-hand-side buttons (such as a list of materials with add/remove buttons). **Exact steps for others to reproduce the error** Run the included min-repro script and observe the issue in the VIEW_3D panel. With HIDE_HEADER: ![image.png](https://archive.blender.org/developer/F12816874/image.png) Without HIDE_HEADER: ![image.png](https://archive.blender.org/developer/F12816877/image.png) ``` import bpy class HeaderBugPanel(bpy.types.Panel): bl_category = "TEST" bl_label = "Header Bug" bl_idname = "OBJECT_PT_header_bug" bl_space_type = 'VIEW_3D' bl_region_type = 'UI' bl_options = {'HIDE_HEADER'} def draw(self, context): layout = self.layout col = layout.column(align=True) col.label(text="This bug isn't very obvious unless you") col.label(text="have enough content to activate the scrollbar.") col.separator() col.label(text="With HIDE_HEADER the right margin is collapsed") col.label(text="and the scollbar will appear on top of content") col.label(text="making clicking on buttons and fields very") col.label(text="difficult. For example:") col.separator() row = layout.row(align=True) row.operator('object.select_all', text="Button 1").action='SELECT' row.operator('object.select_all', text="Button 2").action='SELECT' row.operator('object.select_all', text="Button 3").action='SELECT' row.operator('object.select_all', text="Button 4").action='SELECT' row.operator('object.select_all', text="Button 5").action='SELECT' col = layout.column(align=True) col.label(text="Working with a UIList with small right-side buttons") col.label(text="is virtually impossible:") ob = context.active_object if ob: is_sortable = len(ob.material_slots) > 1 rows = 3 if is_sortable: rows = 5 row = layout.row() row.template_list("MATERIAL_UL_matslots", "", ob, "material_slots", ob, "active_material_index", rows=rows) col = row.column(align=True) col.operator("object.material_slot_add", icon='ADD', text="") col.operator("object.material_slot_remove", icon='REMOVE', text="") col.separator() col.menu("MATERIAL_MT_context_menu", icon='DOWNARROW_HLT', text="") if is_sortable: col.separator() col.operator("object.material_slot_move", icon='TRIA_UP', text="").direction = 'UP' col.operator("object.material_slot_move", icon='TRIA_DOWN', text="").direction = 'DOWN' layout.separator(factor=25) layout.label(text="more content to stretch the panel....") layout.separator(factor=25) layout.label(text="more content to stretch the panel...") layout.separator(factor=25) layout.label(text="more content to stretch the panel...") layout.separator(factor=25) layout.label(text="more content to stretch the panel...") layout.separator(factor=25) layout.label(text="more content to stretch the panel...") layout.separator(factor=25) layout.label(text="more content to stretch the panel...") def register(): bpy.utils.register_class(HeaderBugPanel) def unregister(): bpy.utils.unregister_class(HeaderBugPanel) if __name__ == "__main__": register() ```

eldee smith commented

2022-01-22 19:10:07 +01:00

Added subscriber: @testure

eldee smith commented

2022-01-22 19:12:15 +01:00

Added subscriber: @Harley

eldee smith commented

2022-01-22 19:12:15 +01:00

Seems like something @Harley might be interested in.

Harley Acheson commented

2022-01-22 22:48:56 +01:00

@testure - Seems like something @Harley might be interested in.

I'm personally inclined to continue to ignore some of the mess of those panels for now. Maybe make D6505: UI: Scrollbar Behavior Changes a target for early in 3.2 (a week or two from now), then tackle whatever scrollbar issues remain after that. We have had quite broad consensus for D6505 but the current organization of the UI Module has made it a bit harder to plan targets lately. I'll keep trying for that though.

> @testure - Seems like something @Harley might be interested in. I'm personally inclined to continue to ignore some of the mess of those panels for now. Maybe make [D6505: UI: Scrollbar Behavior Changes](https://archive.blender.org/developer/D6505) a target for early in 3.2 (a week or two from now), then tackle whatever scrollbar issues remain after that. We have had quite broad consensus for [D6505](https://archive.blender.org/developer/D6505) but the current organization of the UI Module has made it a bit harder to plan targets lately. I'll keep trying for that though.

Jesse Yurkovich commented

2022-01-23 01:46:07 +01:00

Added subscriber: @deadpin

Jesse Yurkovich commented

2022-01-23 01:46:07 +01:00

Changed status from 'Needs Triage' to: 'Confirmed'

Jesse Yurkovich commented

2022-01-23 01:46:07 +01:00

Will confirm for now since I can reproduce and there's not an immediately obvious existing bug to dup this to.

Philipp Oeser removed the

Download

What's New

Blender Studio

Manual

Developers Blog

Documentation

Benchmark

Blender Conference

Development Fund

One-time Donations

Panel 'HIDE_HEADER' option collapses right margin making scrolling difficult #95142