• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Design View Bug

Explorer ,
Apr 16, 2018 Apr 16, 2018

Copy link to clipboard

Copied

Using the following code:

<html>

<head>

<title></title>

</head>

<body>

<p>

    <font face="verdana, geneva, sans-serif">

        <span style="font-size: 12px;">Dreamweaver Test</span>

    </font>

</p>

</body>

</html>

When I open a file with the contents the Split/Design View shows this:

design one.png

When I copy and paste into a new tab it shows this:

design two.png

The appearance of the text is incorrect when the former, and correct in the latter.

Reproducible: 100%
OS: Windows 7
DW: CC 18.1 Build 10155

Views

730

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , May 15, 2018 May 15, 2018

It's also available in DW under Help > Submit Bug/Feature Request

Adobe Dreamweaver: Bugs

Votes

Translate

Translate
Community Expert ,
Apr 16, 2018 Apr 16, 2018

Copy link to clipboard

Copied

Can you verify your magnification setting is 100% in that document?

View > Design View Options > Magnification

Magnification is "per document" so subsequent copy/pastes from the original would not be zoomed in on.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 16, 2018 Apr 16, 2018

Copy link to clipboard

Copied

The magnification level for both documents is 100%.

When I save the second file (and close DreamWeaver) and then reopen the file, the font size changes.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 16, 2018 Apr 16, 2018

Copy link to clipboard

Copied

I can reproduce the same behavior here with your code.

Same OS and DW Build.

However, once I modify the code to match HTML5 specs, it stops enlarging the text when opening the file...

<!doctype html>

<html lang="en-us">

<head>

<title>Dreamweaver Test</title>

    <style>

        span {

            font-size:12px;

            font-family:verdana, geneva, sans-serif;

        }

    </style>

</head>

<body>

     <p><span>Dreamweaver Test</span></p>

</body>

</html>

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 15, 2018 May 15, 2018

Copy link to clipboard

Copied

I'm not understanding why Jon's post was marked as "CORRECT". He confirmed this is a bug as he was able to reproduce the issue.

Can someone provide a link to submit this to Adobe developers?

Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 15, 2018 May 15, 2018

Copy link to clipboard

Copied

It's also available in DW under Help > Submit Bug/Feature Request

Adobe Dreamweaver: Bugs

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 15, 2018 May 15, 2018

Copy link to clipboard

Copied

Thank you Jon! Right in front if me it appears

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
May 15, 2018 May 15, 2018

Copy link to clipboard

Copied

I think what was implied, but not directly stated is that the following code is invalid:

<p>

    <font face="verdana, geneva, sans-serif">

        <span style="font-size: 12px;">Dreamweaver Test</span>

    </font>

</p>

So, the question is really, "should Dreamweaver Design View render invalid code in the same manner a browser does?" More importantly, would it be beneficial to you if you used valid code? There is actually no reason to use font-face. The valid version of your code would be:

<p style="font-size: 12px; font-family: verdana, geneva, sans-serif; ">Dreamweaver Test</p>

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 15, 2018 May 15, 2018

Copy link to clipboard

Copied

The code is not mine. I am not in control of user submitted code.

Dreamweaver should be:

#1) Consistent

#2) Render the way a browser would render

The issue has been confirmed by what appears to be an Adobe MVP.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
May 15, 2018 May 15, 2018

Copy link to clipboard

Copied

Easy, dude. I'm just trying to help you. Jon is very astute, but that is not a requirement for Adobe MVPs. I agree that Design View should not care about rendering invalid code. The fact is that for twenty years, Design View has been a less-than-reasonable facsimile of what a browser displays. This is common knowledge among long-time Dreamweaver users (like me), and it is something Adobe has not tried to mitigate. Their resources are in Live View. So, I will let you on your own and apologize for trying to help you. You are free to use invalid code as often as you like.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 15, 2018 May 15, 2018

Copy link to clipboard

Copied

LATEST

If you use invalid code (denoted by a red X under your document), you can expect rendering issues in Design View because it's not a browser.  At best it's an approximation of what you'll see in some older browsers.  Design View is a holdover from the old Macromedia days. My understanding was that Design View would eventually be phased out and replaced with Live View.  So I doubt the engineers will be putting much effort into Design View bugs.

See screenshots below.  The first with your invalid code.

The second shows the same code with obsolete font face tag closed.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines