Bug 464972

Summary: Kmail cannot properly compose html
Product: [Applications] kmail2 Reporter: Justin <kdebugs.cmrck>
Component: composerAssignee: kdepim bugs <kdepim-bugs>
Status: REPORTED ---    
Severity: normal CC: robert
Priority: NOR    
Version: 5.21.3   
Target Milestone: ---   
Platform: Ubuntu   
OS: Linux   
Latest Commit: Version Fixed In:
Sentry Crash Report:

Description Justin 2023-01-29 05:36:16 UTC 
SUMMARY
***
Kmail cannot properly compose html. Emails render with missing elements in the received email.
***


STEPS TO REPRODUCE
1.  In kmail insert the sample html code below with the 'Insert HTML' button
2. Send to another email address.
3. Recieive email in kmail.
4. Email is missing colour and icons and shows frames.
6. Go to Roundcube insert the sample html code below with the 'Insert HTML' button.
7. Send to another email address. 
8. Recieive email in kmail.
9. Html email renders as expected.

OBSERVED RESULT
HTML code works when composed in an external email client.
HTML code does not work properly when composed in Kmail.

EXPECTED RESULT
HTML code renders as expected when composed in Kmail.

SOFTWARE/OS VERSIONS
Operating System: Kubuntu 22.10
KDE Plasma Version: 5.26.5
KDE Frameworks Version: 5.101.0
Qt Version: 5.15.6
Kernel Version: 5.19.0-29-generic (64-bit)
Graphics Platform: X11
Processors: 8 × Intel® Core™ i7-7820HQ CPU @ 2.90GHz
Memory: 31.2 GiB of RAM
Graphics Processor: Mesa Intel® HD Graphics 630
Manufacturer: Dell Inc.
Product Name: Precision 5520

ADDITIONAL INFORMATION
iframe, embed or object do not work
Comment 1 Justin 2023-01-29 06:04:50 UTC 
Sample code used for testing:

<!-- Complete Email template -->

<body style="background-color:grey">
	<table align="center" border="0" cellpadding="0" cellspacing="0"
		width="550" bgcolor="white" style="border:2px solid black">
		<tbody>
			<tr>
				<td align="center">
					<table align="center" border="0" cellpadding="0"
						cellspacing="0" class="col-550" width="550">
						<tbody>
							<tr>
								<td align="center" style="background-color: #4cb96b;
										height: 50px;">

									<a href="#" style="text-decoration: none;">
										<p style="color:white;
												font-weight:bold;">
											GeeksforGeeks
										</p>
									</a>
								</td>
							</tr>
						</tbody>
					</table>
				</td>
			</tr>
			<tr style="height: 300px;">
				<td align="center" style="border: none;
						border-bottom: 2px solid #4cb96b;
						padding-right: 20px;padding-left:20px">

					<p style="font-weight: bolder;font-size: 42px;
							letter-spacing: 0.025em;
							color:black;">
						Hello Geeks!
						<br> Check out our latest Blogs
					</p>
				</td>
			</tr>

			<tr style="display: inline-block;">
				<td style="height: 150px;
						padding: 20px;
						border: none;
						border-bottom: 2px solid #361B0E;
						background-color: white;">
					
					<h2 style="text-align: left;
							align-items: center;">
						Design Patterns : A Must Skill to
					have for Software Developers in 2019
				</h2>
					<p class="data"
					style="text-align: justify-all;
							align-items: center;
							font-size: 15px;
							padding-bottom: 12px;">
						Design Patterns….??? I think you have heard this name
					before in programming… Yes, you might have heard
					this name before in programming if you are…
					</p>
					<p>
						<a href=
"https://www.geeksforgeeks.org/design-patterns-a-must-skill-to-have-for-software-developers-in-2019/"
						style="text-decoration: none;
								color:black;
								border: 2px solid #4cb96b;
								padding: 10px 30px;
								font-weight: bold;">
						Read More
					</a>
					</p>
				</td>
			</tr>
			<tr style="border: none;
			background-color: #4cb96b;
			height: 40px;
			color:white;
			padding-bottom: 20px;
			text-align: center;">
				
<td height="40px" align="center">
	<p style="color:white;
	line-height: 1.5em;">
	GeeksforGeeks
	</p>
	<a href="#"
	style="border:none;
		text-decoration: none;
		padding: 5px;">
			
	<img height="30"
	src=
"https://extraaedgeresources.blob.core.windows.net/demo/salesdemo/EmailAttachments/icon-twitter_20190610074030.png"
	width="30" />
	</a>
	
	<a href="#"
	style="border:none;
	text-decoration: none;
	padding: 5px;">
	
	<img height="30"
	src=
"https://extraaedgeresources.blob.core.windows.net/demo/salesdemo/EmailAttachments/icon-linkedin_20190610074015.png"
width="30" />
	</a>
	
	<a href="#"
	style="border:none;
	text-decoration: none;
	padding: 5px;">
	
	<img height="20"
	src=
"https://extraaedgeresources.blob.core.windows.net/demo/salesdemo/EmailAttachments/facebook-letter-logo_20190610100050.png"
		width="24"
		style="position: relative;
			padding-bottom: 5px;" />
	</a>
</td>
</tr>
<tr>
<td style="font-family:'Open Sans', Arial, sans-serif;
		font-size:11px; line-height:18px;
		color:#999999;"
	valign="top"
	align="center">
<a href="#"
target="_blank"
style="color:#999999;
		text-decoration:underline;">PRIVACY STATEMENT</a>
		| <a href="#" target="_blank"
		style="color:#999999; text-decoration:underline;">TERMS OF SERVICE</a>
		| <a href="#"
		target="_blank"
		style="color:#999999; text-decoration:underline;">RETURNS</a><br>
				© 2012 GeeksforGeeks. All Rights Reserved.<br>
				If you do not wish to receive any further
				emails from us, please
				<a href="#"
				target="_blank"
				style="text-decoration:none;
						color:#999999;">unsubscribe</a>
			</td>
			</tr>
			</tbody></table></td>
		</tr>
		<tr>
		<td class="em_hide"
		style="line-height:1px;
				min-width:700px;
				background-color:#ffffff;">
			<img alt=""
			src="images/spacer.gif"
			style="max-height:1px;
			min-height:1px;
			display:block;
			width:700px;
			min-width:700px;"
			width="700"
			border="0"
			height="1">
			</td>
		</tr>
		</tbody>
	</table>
</body>
Comment 2 Robert Riemann 2023-02-20 20:12:10 UTC 
Is this linked to or a duplicate of https://bugs.kde.org/show_bug.cgi?id=344099 ?