Bug 464972 - Kmail cannot properly compose html
Summary: Kmail cannot properly compose html
Status: REPORTED
Alias: None
Product: kmail2
Classification: Applications
Component: composer (show other bugs)
Version: 5.21.3
Platform: Ubuntu Linux
: NOR normal
Target Milestone: ---
Assignee: kdepim bugs
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2023-01-29 05:36 UTC by Justin
Modified: 2023-02-20 20:12 UTC (History)
1 user (show)

See Also:
Latest Commit:
Version Fixed In:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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 ?