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

Table Block - Table Border will not turn off #75198

Closed
syhussaini opened this issue Apr 2, 2023 · 4 comments
Closed

Table Block - Table Border will not turn off #75198

syhussaini opened this issue Apr 2, 2023 · 4 comments
Labels
[Platform] Atomic [Platform] Simple [Pri] Normal [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. Triaged To be used when issues have been triaged. [Type] Bug User Report This issue was created following a WordPress customer report

Comments

@syhussaini
Copy link

syhussaini commented Apr 2, 2023

Quick summary

The border of the table block keeps showing even when the border settings is set to zero PX.

image

Steps to reproduce

  1. Insert a Table block in a Page/Post
  2. Set the border value to zero PX
  3. Preview the Page/Post

image

What you expected to happen

I expected the border to disappear when set to zero PX.

What actually happened

The border keeps appearing.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Update from cuemarie - adding CSS workaround for now:

.wp-block-table td {
    border: none;
}

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

No response

@syhussaini syhussaini added [Type] Bug User Report This issue was created following a WordPress customer report labels Apr 2, 2023
@susanjanec
Copy link

This issue stemmed from this chat: 41846915-hc

@cuemarie
Copy link

cuemarie commented Apr 4, 2023

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

  • Tested on Simple – Replicated
  • Tested on Atomic – Replicated
  • Replicable outside of Dotcom – Yes

📌 FINDINGS/SCREENSHOTS/VIDEO

  • Replicated on Simple, Atomic, and self-hosted site with Gutenberg 15.4 activated
    • deactivating Gutenberg allows the borders to be hidden as expected

Screenshots/Recordings
Markup on 2023-04-04 at 15:35:02

Markup on 2023-04-04 at 15:33:51

Selecting a specific cell in the inspector (<td>) reveals the following CSS:

.wp-block-table td, .wp-block-table th {
  border: 1px solid;
  padding: .5em;
}

With Gutenberg 15.4 deactivated on my Pressable site, the table borders respond as expected:

Markup on 2023-04-04 at 15:48:51

Markup on 2023-04-04 at 15:49:17

📌 ACTIONS

@cuemarie cuemarie added [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. Triaged To be used when issues have been triaged. labels Apr 4, 2023
@cuemarie
Copy link

cuemarie commented Apr 7, 2023

Should be addressed in Gutenberg 15.6: WordPress/gutenberg#49603

@annezazu
Copy link

annezazu commented Sep 9, 2024

Closing this out as the previous Gutenberg issue was merged and this problem resolved upstream: WordPress/gutenberg#49603

@annezazu annezazu closed this as completed Sep 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Platform] Atomic [Platform] Simple [Pri] Normal [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. Triaged To be used when issues have been triaged. [Type] Bug User Report This issue was created following a WordPress customer report
Projects
None yet
Development

No branches or pull requests

4 participants