Use ID instead of title attribute for edit button selector

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

Author: Copilot

webviews/common/constants.ts

@@ -7,3 +7,8 @@
  * ID for the main comment textarea element in the PR description page.
  */
 export const COMMENT_TEXTAREA_ID = 'comment-textarea';
+
+/**
+ * ID for the edit title button in the PR/Issue header.
+ */
+export const EDIT_TITLE_BUTTON_ID = 'edit-title-button';

webviews/components/header.tsx

@@ -11,6 +11,7 @@ import { copilotEventToStatus, CopilotPRStatus, mostRecentCopilotEvent } from '.
 import { CopilotStartedEvent, TimelineEvent } from '../../src/common/timelineEvent';
 import { GithubItemStateEnum, StateReason } from '../../src/github/interface';
 import { CodingAgentContext, OverviewContext, PullRequest } from '../../src/github/views';
+import { EDIT_TITLE_BUTTON_ID } from '../common/constants';
 import PullRequestContext from '../common/context';
 import { useStateProp } from '../common/hooks';
 
@@ -129,7 +130,7 @@ function Title({ title, titleHTML, number, url, inEditMode, setEditMode, setCurr
 				</a>
 			</h2>
 			{canEdit ?
-				<button title="Rename" onClick={() => setEditMode(true)} className="icon-button">
+				<button id={EDIT_TITLE_BUTTON_ID} title="Rename" onClick={() => setEditMode(true)} className="icon-button">
 					{editIcon}
 				</button>
 				: null}

webviews/editorWebview/index.css

@@ -81,7 +81,7 @@ textarea:focus,
 }
 
 /* Hide edit button when stuck */
-.title.stuck .overview-title button[title="Rename"] {
+.title.stuck #edit-title-button {
 	display: none;
 }