How to reproduce:

1. Activate a theme which has a block with the block title in the top right corner
2. Open "Block Layout" and click on "Demonstrate block regions (My Theme)"
3. Observe that the "Exit block region demonstration" button overlaps the title of the top right block

Expected Results:

I would expect that the "Exit block region demonstration" is either designed in such a way that the button is always above the top most block such that it can never overlap the block it self, or that the button is positioned somewhere else where it cannot overlap the blocks (e.g. move it to the admin navigation bar).

Additional Information:
The default "Bartik" theme centers the block titles and so with this theme the bug is not that problematic as the "Exit block region demonstration" button only overlaps part of the yellow block region but there is no text that is being overlapped.

I have attached two pictures demonstrating the problem (Section _031.png) and how I would expect it to look like (Section_032.png). This can be easily achieved by the following change.

a.block-demo-backlink, a.block-demo-backlink:link, a.block-demo-backlink:visited {
- position: fixed
}

That is in the above selector remove the option for fixed position. But this is just a workaround that has worked for me, the Drupal CSS experts can probably figure out a better way to fix this.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Lanoxx created an issue. See original summary.

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

Drupal 8.2.6 was released on February 1, 2017 and is the final full bugfix release for the Drupal 8.2.x series. Drupal 8.2.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.3.0 on April 5, 2017. (Drupal 8.3.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.3.x-dev branch from now on, and new development or disruptive changes should 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.

arifkhn46’s picture

I this could be resolved by aligning text to centre

Exit block region suggestion

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

Drupal 8.3.6 was released on August 2, 2017 and is the final full bugfix release for the Drupal 8.3.x series. Drupal 8.3.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.4.0 on October 4, 2017. (Drupal 8.4.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.4.x-dev branch from now on, and new development or disruptive changes should 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.4.x-dev » 8.5.x-dev

Drupal 8.4.4 was released on January 3, 2018 and is the final full bugfix release for the Drupal 8.4.x series. Drupal 8.4.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.5.0 on March 7, 2018. (Drupal 8.5.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.5.x-dev branch from now on, and new development or disruptive changes should 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.5.x-dev » 8.6.x-dev

Drupal 8.5.6 was released on August 1, 2018 and is the final bugfix release for the Drupal 8.5.x series. Drupal 8.5.x will not receive any further development aside from security fixes. Sites should prepare to update to 8.6.0 on September 5, 2018. (Drupal 8.6.0-rc1 is available for testing.)

Bug reports should be targeted against the 8.6.x-dev branch from now on, and new development or disruptive changes should 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.

Lanoxx’s picture

Status: Active » Closed (cannot reproduce)

Closing this as I cannot reproduce it with the latest version.