Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image is overlaying the editor toolbar. #15923

Closed
leodluz opened this issue May 30, 2019 · 2 comments
Closed

Image is overlaying the editor toolbar. #15923

leodluz opened this issue May 30, 2019 · 2 comments
Labels
[Type] Bug An existing feature does not function as intended

Comments

@leodluz
Copy link

leodluz commented May 30, 2019

Image is overlaying the editor toolbar.

To reproduce
Steps to reproduce the behavior:
1 - paste this code in your gutenberg editor
2 - see with our own eyes.

Expected behavior
Toolbar in z-index 999999

Screenshots
image

How to solve:
Put the toolbar to z-index: 99999;

editor css that I am using:

/* Main column width */
.wp-block {
    max-width: 1160px;
}
 
/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
    max-width: 1080px;
}
 
/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
    max-width: none;
}

.wp-block[data-align="left"] {
    clear: both;
}
.wp-block[data-align="right"] {
    clear: both;
}

POST CODE

<!-- wp:image {"align":"right"} -->
<div class="wp-block-image"><figure class="alignright"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2018/07/GL-Quote-300x151.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>At Wohlsen, community involvement matters. We care about the places where we live and work, and our employees give back in many different ways. Volunteering our time and efforts are a big part of who we are and we would not have it any other way.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In addition to supporting our local communities, we encourage employees to be active in various civic organizations by volunteering time, serving on boards and committees, or giving financially. Here is a bit of what we do:</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Wohlsen Crusaders</strong></p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2016/03/Tim-Cathy-Wendy-Trudy-Team-Lap-250x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>One in three people living in the US will be diagnosed with cancer in their lifetime. That number is way too high – and that’s why we formed The Wohlsen Crusaders. For 20 years, our team has raised funds for the American Cancer Society’s Relay For Life.&nbsp;From bingo events and sandwich sales, to holiday wreaths, and daffodil fundraisers, the Crusaders work relentlessly to raise awareness and dollars for the Relay For Life. Our year-long, company-wide support culminates at Lancaster’s Relay For Life, where we walk around the clock to show our support.</p>
<!-- /wp:paragraph -->

<!-- wp:video -->
<figure class="wp-block-video"><video controls src="https://www.wohlsenconstruction.com/wp-content/uploads/2016/03/Wohlsen-Crusaders-Relay-For-Life-Video-1.mp4?_=1"></video></figure>
<!-- /wp:video -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2018/07/29178393_10155202283217155_874724339562315776_o-220x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>ABC Keystone Construction Wars</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Wohlsen Construction participated in ABC Keystone’s Construction Wars, an event which brought hundreds of local middle school students to the association’s headquarters to learn about construction and construction careers. Students got to build wooden laptop stands, test electrical circuits, bend sheet metal for their own tool boxes, and more.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2018/07/Fence-Install-e1532032982156-250x185.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>Wilmington Downtown Garden</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In 2018, Wohlsen participated in the creation of a community garden located in downtown Wilmington, DE. The project transformed an old, vacant lot into an urban garden shared by members of the local community. In addition, the neighboring Salvation Army partnered with the Kiwanis Club of Wilmington to grow vegetables in the garden for the children and seniors served by the club.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2016/04/20170818_132509-250x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>Habitat for Humanity</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Wohlsen teammates from our Wilmington and Greater Philadelphia offices volunteer their time and talents to assist Habitat for Humanity (<a href="https://www.habitat.org/">https://www.habitat.org/</a>) with the construction of safe, affordable homes for residents in the community.&nbsp;&nbsp;From laying floors to hanging doors, everyone involved pulls together to accomplish a great deal!</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2016/04/Wohlsens-Bowl-A-Thom-Team-250x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>ABC Bowl-a-Thon to Aaron’s Acres</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Wohlsen teammates participate the&nbsp;Annual Bowl-a-Thon, hosted by Keystone ABC’s Young Professional Committee. Each year, a different charity is selected to receive the proceeds from the event. Last year’s beneficiary was Aaron’s Acres, a group which provides age appropriate recreational programs for children and young adults with special needs.&nbsp; For more information on Aaron’s Acres and to learn how you can support this worthy cause, visit (<a href="https://aaronsacres.org/">https://aaronsacres.org/</a>).</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2016/03/food-bank-of-delaware-250x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>Food Bank of Delaware</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>At least twice a year, Wohlsen volunteers time to the Food Bank of Delaware (<a href="https://www.fbd.org/">https://www.fbd.org/</a>). We have packed over 1,000 boxes of food over the past few years. Additionally, we organize in-office food drives around the holidays.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2017/11/Vista-School-Walk-for-Education-Sept-2016-250x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>Vista School’s Walk for Education</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Wohlsen teammates took part in The Vista School’s (<a href="https://www.thevistaschool.org/">www.thevistaschool.org</a>) Annual Walk for Education event.&nbsp; Funds raised from the event help support the Vista School’s programs and serve children with ASD.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2017/11/Boy-Scouts-Bashore-4-250x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>Boy Scouts of America</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Wohlsen teammates volunteered their time to build ten new tent platforms for the Boy Scouts of America’s (<a href="https://www.scouting.org/">www.scouting.org</a>)&nbsp;Bashore Scout Reservation located in Jonestown, PA</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2016/04/american-heart-walk-250x188.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>American Heart Walk</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>A group of Wohlsen employees and their families participate in American Heart Walk (<a href="https://www2.heart.org/site/SPageServer/?pagename=HeartWalk_Landing_Page">www.heartwalk.org</a>) in Wilmington, DE.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://www.wohlsenconstruction.com/wp-content/uploads/2016/03/ACE-Central-PA-250x167.jpg" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>ACE Mentor Program</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Wohlsen is active in the Central PA affiliate of the ACE (Architecture, Construction and Engineering) Mentor Program. The program is a partnership of industry professionals working together to attract high school students to ACE professions by providing hands-on learning opportunities and encouraging them to pursue studies and careers in these fields. Wohlsen’s Operations Center serves as the host site for meetings of the program.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Pedro’s House</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Pedro Toalo of Wilmington, DE was injured in a violent crime that left him confined to a wheelchair. The Planning Factory of Wilmington rallied supporters from the local community to provide labor and construction materials to renovate Toalo’s home and make it more accessible for him and his family. Wohlsen was a proud supporter of the project.</p>
<!-- /wp:paragraph -->
@talldan
Copy link
Contributor

talldan commented May 31, 2019

See also #15930, which was closed as a duplicate, but contains some additional reproduction steps.

@talldan talldan added the [Type] Bug An existing feature does not function as intended label May 31, 2019
@jasmussen
Copy link
Contributor

I'm told by @senadir that this issue has been fixed by #15537, so closing this one. If this was in error, let me know and we can reopen!

Thanks so much for letting me know, senadir, and thanks leodluz for opening the ticket!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

3 participants