Ensuring that titles are stripped of HTML when grabbed

Author: Antonio-Laguna

components/content-picker/SortableList.tsx

@@ -20,6 +20,7 @@ import styled from '@emotion/styled';
 import PickedItem, { PickedItemType } from './PickedItem';
 import { DraggableChip } from './DraggableChip';
 import { ContentSearchMode } from '../content-search/types';
+import { toPlainTextTitle } from '../content-search/utils';
 
 const dropAnimation = {
 	...defaultDropAnimation,
@@ -123,7 +124,7 @@ const SortableList: React.FC<SortableListProps> = ({
 					if (mode === 'post') {
 						const post = result as Post;
 						newItem = {
-							title: post.title.rendered,
+							title: toPlainTextTitle(post.title.rendered),
 							url: post.link,
 							id: post.id,
 							type: post.type,
@@ -132,15 +133,15 @@ const SortableList: React.FC<SortableListProps> = ({
 					} else if (mode === 'user') {
 						const user = result as User;
 						newItem = {
-							title: user.name,
+							title: toPlainTextTitle(user.name),
 							url: user.link,
 							id: user.id,
 							type: 'user',
 						};
 					} else {
 						const taxonomy = result as Term;
 						newItem = {
-							title: taxonomy.name,
+							title: toPlainTextTitle(taxonomy.name),
 							url: taxonomy.link,
 							id: taxonomy.id,
 							type: taxonomy.taxonomy,

components/content-search/utils.ts

@@ -124,7 +124,7 @@ export const normalizeResults = ({
 				return {
 					id: userItem.id,
 					subtype: mode,
-					title: userItem.name,
+					title: toPlainTextTitle(userItem.name),
 					type: mode,
 					url: userItem.link,
 				};
@@ -133,7 +133,7 @@ export const normalizeResults = ({
 				return {
 					id: searchItem.id as number,
 					subtype: searchItem.subtype,
-					title: searchItem.title,
+					title: toPlainTextTitle(searchItem.title),
 					type: searchItem.type,
 					url: searchItem.url,
 				};