Steps to reproduce:
# Login as admin user 8.3.x
# Go to Structure > Block layout
# Inspect and change the device to mobile
# Verify that the Region section drop-downs are hidden
# PFA screenshot

CommentFileSizeAuthor
#27 Screenshot from 2025-06-03 14-52-10.png66.75 KBsandip
#27 Screenshot from 2025-06-03 14-51-26.png74.54 KBsandip
#18 After--patch--pic--2807831.png72.6 KBvikashsoni
#18 Before--patch--pic--2807831.png63.63 KBvikashsoni
#17 After Patch 2807831.png505.76 KBchetanbharambe
#17 Before Patch 2807831.png480.68 KBchetanbharambe
#15 After-patch-blockmobile.png287.49 KBMadhu kumar
#14 2807831-14.patch605 bytesranjith_kumar_k_u
#5 block_layout_mobile-2807831-5.patch611 bytessnte
Block layout responsive issue moonpeak.png189.62 KBmoonpeak

Issue fork seven-2807831

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

moonpeak created an issue. See original summary.

esolitos’s picture

esolitos
he/him
Primary language Italian
Location Trondheim
commented
Component: other » Seven theme
snte’s picture

snte commented
Issue tags: +Dublin2016

I am going to work on this today at DrupalCon Dublin.

snte’s picture

snte commented
Component: Seven theme » block.module
Assigned: Unassigned » snte
snte’s picture

snte commented
Status: Active » Needs review
StatusFileSize
new block_layout_mobile-2807831-5.patch611 bytes

I think this is a block module issue, because the importance (like which columns can/should be hidden because of lesser importance) of columns in the table are defined in the module (like in fields or views module). I looked up how responsive tables are done in views module (https://www.drupal.org/node/1796230).

In blocks/src/blockListBuilder.php i extended the form array in buildBlocksForm(), so that the header/column "region" gets the class "RESPONSIVE_PRIORITY_MEDIUM".

Version: 8.3.x-dev » 8.4.x-dev

Drupal 8.3.0-alpha1 will be released the week of January 30, 2017, which means new developments and disruptive changes should now be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.4.x-dev » 8.5.x-dev

Drupal 8.4.0-alpha1 will be released the week of July 31, 2017, which means new developments and disruptive changes should now be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.5.x-dev » 8.6.x-dev

Drupal 8.5.0-alpha1 will be released the week of January 17, 2018, which means new developments and disruptive changes should now be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.6.x-dev » 8.7.x-dev

Drupal 8.6.0-alpha1 will be released the week of July 16, 2018, which means new developments and disruptive changes should now be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.7.x-dev » 8.8.x-dev

Drupal 8.7.0-alpha1 will be released the week of March 11, 2019, which means new developments and disruptive changes should now be targeted against the 8.8.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.8.x-dev » 8.9.x-dev

Drupal 8.8.0-alpha1 will be released the week of October 14th, 2019, which means new developments and disruptive changes should now be targeted against the 8.9.x-dev branch. (Any changes to 8.9.x will also be committed to 9.0.x in preparation for Drupal 9’s release, but some changes like significant feature additions will be deferred to 9.1.x.). For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.9.x-dev » 9.1.x-dev

Drupal 8.9.0-beta1 was released on March 20, 2020. 8.9.x is the final, long-term support (LTS) minor release of Drupal 8, which means new developments and disruptive changes should now be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 9.1.x-dev » 9.2.x-dev

Drupal 9.1.0-alpha1 will be released the week of October 19, 2020, which means new developments and disruptive changes should now be targeted for the 9.2.x-dev branch. For more information see the Drupal 9 minor version schedule and the Allowed changes during the Drupal 9 release cycle.

ranjith_kumar_k_u’s picture

ranjith_kumar_k_u commented
StatusFileSize
new 2807831-14.patch605 bytes

Re-rolled for 9.2

Madhu kumar’s picture

Madhu kumar commented
StatusFileSize
new After-patch-blockmobile.png287.49 KB

@Ranjith patch #14 applied cleanly but after applying the patch Region section itself is hiding. Sharing screen shot for the reference.

Version: 9.2.x-dev » 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

chetanbharambe’s picture

chetanbharambe commented
Status: Needs review » Needs work
StatusFileSize
new Before Patch 2807831.png480.68 KB
new After Patch 2807831.png505.76 KB

Verified and tested patch #14.
Patch applied successfully but not working as expected.

Testing Steps:
# Goto: Appearance -> Apply Seven theme
# Goto: /admin/structure/block
# Check Responsiveness UI

Expected Results:
# After Applying the patch, the Region section should appear with full dropdown buttons.

Actual Results:
# Currently, the Region section appearing but the dropdowns are hidden on responsiveness.
# Also, the Region section is not appearing after applying the patch.

Please refer attached screenshots for the same.
Not working as expected.
Can be a move to Needs Work.

vikashsoni’s picture

vikashsoni commented
StatusFileSize
new Before--patch--pic--2807831.png63.63 KB
new After--patch--pic--2807831.png72.6 KB

Applied patch #14 working fine
After patch the region section are coming properly without dropdown
Thanks for the patch

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 10.1.x-dev

Drupal 9.5.0-beta2 and Drupal 10.0.0-beta2 were released on September 29, 2022, which means new developments and disruptive changes should now be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

pameeela’s picture

pameeela commented
Title: Block layout mobile device issue » Region select option is very small on narrow screens
Status: Needs work » Closed (duplicate)
Issue tags: +Bug Smash Initiative
Related issues: +#3159896: Select form field values are hidden at narrow screen widths in Claro theme

Duplicate of #3159896: Select form field values are hidden at narrow screen widths in Claro theme

pameeela’s picture

pameeela commented
Title: Region select option is very small on narrow screens » Region select option is very small on narrow screens in Seven
Project: Drupal core » Seven
Version: 10.1.x-dev » 1.0.0-alpha1
Component: block.module » User interface
Assigned: snte » Unassigned
Status: Closed (duplicate) » Needs work

Sorry folks, realised this isn't actually a duplicate. Best to look at #3159896: Select form field values are hidden at narrow screen widths in Claro theme for the approach though, we definitely should not just hide this element on smaller screens!

Also just moving to the Seven contrib queue since it's no longer in core.

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Version: 1.0.0-alpha1 » 1.0.x-dev
Issue tags: +Needs merge request
sandip’s picture

sandip commented
Assigned: Unassigned » sandip

I am working on it.

sandip opened merge request !50

sandip’s picture

sandip commented
Assigned: sandip » Unassigned
Status: Needs work » Needs review
StatusFileSize
new Screenshot from 2025-06-03 14-51-26.png74.54 KB
new Screenshot from 2025-06-03 14-52-10.png66.75 KB

I have done the changes as mention in #23. Please review the changes.

sandip’s picture

sandip commented

Before:
Img

After:
Img

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Title: Region select option is very small on narrow screens in Seven » Region select option is very small on narrow screens
Issue tags: -Needs merge request

  • avpaderno committed 5f2f6c12 on 1.0.x authored by sandip 
    Issue #2807831: Region select option is very small on narrow screens
avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented

  • avpaderno committed ae44945d on 2.0.x 
    Issue #2807831: Region select option is very small on narrow screens
avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.