Unable to click in the last header cell of a table

[idabarbour]

Type of report

Bug

Provide detailed reproduction steps (if any)

1. Create the table below in CKEditor
   
2. Try clicking in the 'Remarks' cell

Expected result

The cursor is placed in the cell allowing modifications to the text.

Actual result

Unable to place the cursor in the cell.

Other details

CKEditor v4.15
Browser - Edge, Chrome

[Dumluregn]

I didn't have a problem with clicking the last header:

Please, provide a demo using one of the following templates:

• CodePen: https://codepen.io/Comandeer/pen/ExaMgpz?editors=1010
• JSFiddle: https://jsfiddle.net/Comandeer/d6ey8a2w
• JSBin: https://jsbin.com/keqekef/1/edit?html,js,output
• StackBlitz: https://stackblitz.com/edit/js-vcqfw3

or at least share the source code of the table you created.

[idabarbour]

Hello. Thanks so much for looking into this issue. It seems as though there are two types of cursors available when clicking into a header cell. Please see the below images. The first image contains a non-standard cursor, which prevents me from modifying text in the cell. The second image demonstrates the results of clicking in the cell with the non-standard cursor. Image #1 [cid:[email protected]] Image #2 [cid:[email protected]] Below is the source code. <table border="1" cellpadding="1" cellspacing="1" style="width:608px"> <thead> <tr> <th colspan="1" rowspan="2" scope="col" style="width: 157px; background-color: rgb(102, 204, 102);">Name</th> <th colspan="1" rowspan="2" scope="col" style="width: 70px; background-color: rgb(102, 204, 102);">Length</th> <th colspan="1" rowspan="2" scope="col" style="width: 48px; background-color: rgb(102, 204, 102);">Depth</th> <th colspan="3" rowspan="1" scope="col" style="width: 223px; background-color: rgb(102, 204, 102);">Maximum</th> <th colspan="1" rowspan="2" scope="col" style="width: 102px; background-color: rgb(102, 204, 102);">Remarks</th> </tr> <tr> <th scope="col" style="width: 76px; background-color: rgb(102, 204, 102);">LOA</th> <th scope="col" style="width: 68px; background-color: rgb(102, 204, 102);">Draft</th> <th scope="col" style="width: 76px; background-color: rgb(102, 204, 102);">Beam</th> </tr> </thead> <tbody> <tr> <td style="width:157px">&nbsp;</td> <td style="width:70px">&nbsp;</td> <td style="width:48px">&nbsp;</td> <td style="width:76px">&nbsp;</td> <td style="width:68px">&nbsp;</td> <td style="width:76px">&nbsp;</td> <td style="width:102px">&nbsp;</td> </tr> <tr> <td style="width:157px">&nbsp;</td> <td style="width:70px">&nbsp;</td> <td style="width:48px">&nbsp;</td> <td style="width:76px">&nbsp;</td> <td style="width:68px">&nbsp;</td> <td style="width:76px">&nbsp;</td> <td style="width:102px">&nbsp;</td> </tr> </tbody> </table> From: Dariusz Jarzębski<mailto:[email protected]> Sent: Friday, February 5, 2021 10:51 AM To: ckeditor/ckeditor4<mailto:[email protected]> Cc: Ida Barbour<mailto:[email protected]>; Author<mailto:[email protected]> Subject: Re: [ckeditor/ckeditor4] Unable to click in the last header cell of a table (#4523) I didn't have a problem with clicking the last header: [last-header]<https://user-images.githubusercontent.com/10883184/107055658-cf610580-67d1-11eb-91d7-06e4f3c5c237.gif> Please, provide a demo using one of the following templates: * CodePen: https://codepen.io/Comandeer/pen/ExaMgpz?editors=1010 * JSFiddle: https://jsfiddle.net/Comandeer/d6ey8a2w * JSBin: https://jsbin.com/keqekef/1/edit?html,js,output * StackBlitz: https://stackblitz.com/edit/js-vcqfw3 or at least share the source code of the table you created. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<#4523 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ASXKOQKQJCDJHL2MGUVINJDS5QHWDANCNFSM4XDGMXJQ>.

…

________________________________ THIS MESSAGE AND ANY FILES TRANSMITTED WITH IT CONTAINS CONFIDENTIAL INFORMATION AND IS INTENDED SOLELY FOR THE USE OF THE INDIVIDUAL OR ENTITY TO WHOM THEY ARE ADDRESSED. IF YOU ARE NOT THE NAMED ADDRESSEE YOU SHOULD NOT DISSEMINATE, DISTRIBUTE OR COPY THIS E-MAIL. PLEASE NOTIFY THE SENDER IMMEDIATELY BY E-MAIL IF YOU HAVE RECEIVED THIS E-MAIL BY MISTAKE AND DELETE THIS E-MAIL FROM YOUR SYSTEM. IF YOU ARE NOT THE INTENDED RECIPIENT YOU ARE NOTIFIED THAT DISCLOSING, COPYING, DISTRIBUTING OR TAKING ANY ACTION IN RELIANCE ON THE CONTENTS OF THIS INFORMATION IS STRICTLY PROHIBITED.

________________________________

[Dumluregn]

I copied the code you provided and it works as expected for me:

This means that the problem is visible only if you run a particular sequence of commands. So without recording a demo or writing the exact reproduction steps list we're unfortunately unable to debug it further. Also, the images you provided unfortunately didn't upload correctly, so I can't take a look at them.

[idabarbour]

Please see the attached video. A gray box is displayed whenever I attempt to click in the 'Remarks' cell outside of the text.

Unable.to.click.in.the.last.header.cell.of.a.table.4523.mp4

[Dumluregn]

Thank you for recording, also here I'd like to ask you if you can reproduce this issue in our official demo.

[github-actions]

It's been a while since we last heard from you. We are marking this issue as stale due to inactivity. Please provide the requested feedback or the issue will be closed after next 7 days.

[idabarbour]

I could not reproduce this issue in CKEditor's demo site. See attached screen recording.

Unable.to.click.in.the.last.header.cell.of.a.table.4523.-.CKEditor.Env.mp4

[Dumluregn]

Hello, we are unable to debug or work on the issues that are not reproducible in our official demos, therefore I'm closing this issue. However if you manage to find a way for us to reproduce it, feel free to provide additional feedback so that we could reopen this issue.