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

Design View Bug

Explorer ,
Apr 16, 2018 Apr 16, 2018

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

1.3K
Translate
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

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

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.

Translate
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

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.

Translate
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

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>

Translate
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

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!

Translate
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

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

Adobe Dreamweaver: Bugs

Translate
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

Thank you Jon! Right in front if me it appears

Translate
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

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>

Translate
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

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.

Translate
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

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.

Translate
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
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
Translate
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