Giter VIP home page Giter VIP logo

Comments (1)

ditman avatar ditman commented on August 28, 2024

The TL;DR of the issue is that the customer's index.html was lacking a <!DOCTYPE html> declaration.

Without it, Chrome was rendering in "Quirks" mode, causing some of our elements (the forms we use to implement text editing) to have a slightly different user agent stylesheet than in Standards mode.

In particular, forms have an unexpected (to me) margin-block-end: 1em CSS that is not present in standards mode.

This extra margin caused the flt-text-editing-host (which is supposed to not have a size) to grow by 16px every time a new form was added to the DOM.

We need to:

  1. Reset the margin CSS for the form elements, so text editing doesn't break in quirks mode.
  2. Let developers know when they forget to set the doctype on their index.html file, so they can correct it!
  3. Investigate why forms are piling up in the flt-text-editing-host, and clear them once the text editing disconnects?

from flutter.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.