Problem/Motivation
When a module adds a details element to vertical tabs in content type edit page, the summary becomes display:none and the options can't be reached.
claro

seven

Steps to reproduce
- Install https://www.drupal.org/project/node_title_ps
- Go to
/admin/structure/types/manage/article - See element is missing
Proposed resolution
Remaining tasks
Write Tests
User interface changes
API changes
Data model changes
Release notes snippet
| Comment | File | Size | Author |
|---|---|---|---|
| #12 | before-patch-pic 3200768.2.png.png | 135.99 KB | komal1991 |
| #12 | After-patch-pic 3200768.2.png.png | 93.84 KB | komal1991 |
| #12 | before -patch-pic 3200768.2.png.png | 92.22 KB | komal1991 |
| #12 | after-patch-pic-3200768.2.png.png | 92.08 KB | komal1991 |
| #11 | Screenshot from 2021-11-19 13-27-08.png | 52.51 KB | kostyashupenko |
Comments
Comment #2
sakthivel m commented#2 Please review the patch
Comment #3
sulfikar_s commentedHi, I've tested the patch on 9.1.x-dev and is applied cleanly. It fixes the tab hidden issue properly.
Hereby attaching the screenshots below,
Sample from Seven theme before patch applying,

Before patch on Claro theme,

After patch on Claro theme,

The steps followed are the same as mentioned in the description of the issue. I think it can be moved to RTBC.
So RTBC+1.
Comment #4
gauravvvv commentedAfter patch #2,
claro-details__summary--vertical-tabs-itemtitle is visible.Adding after patch screenshot for reference.
Moving to RTBC.
Comment #5
gauravvvv commentedComment #7
sagarchauhan commentedDon't know why the tests failed. Reran the tests and tested the patch. Works alright. RTBC + 1
Comment #8
chetanbharambe commentedVerified and tested patch #2.
Patch applied successfully and looks good to me.
Testing Steps:
# Goto: Appearance -> Apply Claro theme
# Goto: Extend -> Click on Install New Module -> https://www.drupal.org/project/node_title_ps
# Goto: /admin/structure/types/manage/article
# See element is missing
Expected Results:
# Summary element in vertical tabs should not be hidden.
Actual Results:
# Summary elements in vertical tabs are hidden.
Please refer attached screenshots for the same.
Looks good to me.
Can be a move to RTBC.
Comment #9
alexpottDiscussed with @lauriii. It'd be good to understand why this is happening. Perhaps there is a better workaround available. Also we can test this using a WebDriverTestBase test and asserting on visibility.
Comment #10
vikashsoni commentedApplied patch #2 working fine
Thanks for the patch
for ref sharing screenshot ...
Comment #11
kostyashupenkoI can't reproduce this issue against Drupal 9.3.x-dev or 9.4.x-dev. On my side summary is not hidden by default without any patch
Comment #12
komal1991 commentedComment #13
danflanagan8This still has the Needs tests tag, which was added in #9 and has not yet been addressed. Changing back to Needs Work. I have updated the "Remaining Tasks" section of the IS to call out the need to tests.
Comment #14
danflanagan8I thought I'd write a quick test, but it turns out I couldn't reproduce this manually on 9.3.x, which matches the comment from #11. I didn't even have to clear cache. I followed the steps to reproduce in the IS.
I'm going to close this as Cannot Reproduce.
Please re-open with updated steps to reproduce if anyone is finding that this is still an issue.
Comment #15
danflanagan8I did a little more research and I was a little too hasty with setting this to Cannot Reproduce. It's better classified as Outdated.
This issue got fixed as a side-effect of another issue: #3177415: Vertical Tabs CSS classes applying to non-vertical tab detail element groups
I reverted that fix locally and I was able to reproduce following the steps in the IS. So confidently changing to Outdated.
Thanks all!
Edit: I should note that the fix from that issue I referenced above was completely reworked by another recent issue: #3219340: Vertical tabs with #parents are broken in Claro. So technically I reverted both of these fixes in order to reproduce this issue with node_title_ps.
Comment #16
danflanagan8