angular / material.angular.io Goto Github PK
View Code? Open in Web Editor NEWDocs site for Angular Components
Home Page: http://material.angular.io
License: MIT License
Docs site for Angular Components
Home Page: http://material.angular.io
License: MIT License
Design tracked in #2
Env: macOS Sierra 10.12.2, Safari 10.0.2 (12602.3.12.0.1)
UPD. In Firefox left column (with menu list) and right column (with content) scrolls together (must scrolls separately instead).
https://material.angular.io/ seems to be down, or something is wrong with the ssl credentials.
On the current https://material.angular.io/ I haven't found a link to the Github repo. If I overlooked it, maybe it's too small or hidden?
Page for a single component.
Should use md-tab-nav-bar
to go between "Overview", "API", and "Examples"
@tinayuangao we need to confirm the design before getting started on this
The current route is
https://material.angular.io/components/component/checkbox
It instead should be
https://material.angular.io/components/checkbox
We can add a firebase rewrite rule to avoid breaking old links when we make the change.
https://material.angular.io/components
In context section next to left navigation bar, the scroll does not work on Safari.
The console shows this message only on Safari.
Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js.map
This is a component that loads a static HTML document (generated from markdown) into itself, and then dynamically loads components into that static document based on certain placeholders.
The most common placeholder will be for a live example. API docs may also be loaded this way.
The Dialog Component in the plunker Demo throws exeption: "The selector "dialog-overview-example-dialog" did not match any elements".
Need to be able to toggle between light and dark theme, similar to https://material2-app.firebaseapp.com/
latest/
version.There is error in referencing the file in
material.angular.io/src/app/examples/card-fancy/card-fancy-example.css for background image of header.
the given reference is 'assets/img/examples/shiba1.jpg' which is giving error on window, it should be '/assets/img/examples/shiba1.jpg'
We should store the following via a user preferences service and keep those preferences in localStorage
This is a lower priority than main app content.
See #25
Form is not attached to the document and receiving new error: "Form submission canceled because the form is not connected"
See https://chromium.googlesource.com/chromium/src/+/962c2a22ddc474255c776aefc7abeba00edc7470%5E!/ for the chromium change
Go to plunker from this example: https://material.angular.io/components/component/snack-bar
See error:
EXCEPTION: Error in snack-bar-component-example.html:0:0 caused by: No component factory found for PizzaPartyComponent. Did you add it to @NgModule.entryComponents?
Bug, feature request, or proposal:
I propose reset the scroll position to the top when switching between components on the docs.
What is the expected behavior?
What is the current behavior?
It stays where you are. ie go to autocomplete scroll half way down then go to input and you are halfway down that page when you probably want to be at the top.
What are the steps to reproduce?
Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://goo.gl/DlHd6U
https://material.angular.io/components/component/select
What is the use-case or motivation for changing an existing behavior?
Usability
We're going to shamelessly steal the picker from https://fonts.google.com/
This is lower priority than the main docs content
I have a sidenav with some md-button
navigation buttons in it. By default, my navigation is closed.
The problem is when I trigger to show the navigation for the first time and hover somewhere on the sidenav it makes the first button with focus-overlay
effect. Then when I hover on some of the other buttons the hover effect is still there for the first button. I have to click somewhere on the screen to remove the wrong effect.
Link with example of the bug: https://plnkr.co/edit/pNv9Bx4o1qQSF2bpOqyM?p=preview
See the weird border around the tables in the input example:
Right now the example-viewer is hard-coded to show one of each html/css/ts file. This should show all of the files used for the examples.
The should follow a tooling update that changes the example manifest to be automatically generated instead of maintained by hand (#174)
Screen reader WCAG issues.
Angular Material Accessibility Introduction.mp4: https://www.dropbox.com/s/rz2gtuhnbx9czus/Angular%20Material%20Accessibility%20Introduction.mp4?dl=0
When opening https://material.angular.io/guide/leashed-in an exception is created. Same exception encountered with the material2-app sample as well.
TypeError: Cannot read property 'document' of undefined
OS: WINDOWS 10 Pro
Browser: Chrome v56.0.2924.87
This will consume the json generated from TypeDoc and output tabular API docs.
Needs design from #3
The overview for the Dialog talks about using elements such as <md-dialog-content>
and <md-dialog-actions>
. However, no examples of actual code using these elements is visible, because that code would be in the dialog-result-example-dialog.html file (referenced in the .ts files in both the overview and the example), but the actual content of that html file is not visible anywhere.
This will cover the type of information under "API" on the material docs site.
One "API docs" page may contain one or more classes with descriptions for each class, method, and property (potentially plus types as well).
Components may additionally have parts of their API docs for @Inputs
and @Outputs
(we might just call theme properties and events)
In th edemo app, the example-viewer component is always empty.
As mentioned in angular/components#3394 the swipe gesture doesn't seem to be working on md-slider on the docs site (https://material.angular.io/components/component/slider) in firefox. It does however work in the plunker link on the same example, so seems like something on the docs site is interfering.
I was just going through the Angular Material documentation at https://material.angular.io I noticed on Getting Started page there were few App Demo Links given at the end of the page. On clicking either of the links on Getting Started page for app demo these links redirect the user back to https://material.angular.io without showing any data and disabling all the links. Let me explain with the help of screenshots.
Similarly, there is an issue with the second sample app link.
According to the sidenav
README should use md-sidenav-container
instead.
NOTE: The md-sidenav-layout element is deprecated. md-sidenav-container should be used instead.
Similar to the right-hand-side of https://developers.google.com/web/fundamentals/getting-started/principles/
Not a top priority, but we will need to have an in-site search eventually. My current thinking is to add it to the top nav. Probably includes an autocomplete.
Also need to think about how to to show the results.
The docs site could use a page helping users find outlets to the community and where they can ask questions or provide support for others looking for help.
Likely pngcrush
and svgo
When a user is working with a component and spots a bug, they're probably having https://material.angular.io/components/component/{someComponent}
open in their browser. Why not add a direct github link for submitting a new issue for that component.
I can craft a PR if you think it's a good idea.
ERROR in ./src/main.scss
Module build failed: ModuleBuildError: Module build failed:
undefined
^
No mixin named md-core
When I go to https://material.angular.io/guide/getting-started and follow the links at the bottom of the page i get
Loading document...
and console errors.
TypeError: Cannot read property 'document' of undefined
and nothing else happens and to be able to continue to use the site I had to refresh the page.
Material Sample App
https://material.angular.io/guide/material2-app
Angular Connect 2016 Demo
https://material.angular.io/guide/leashed-in
EDIT: seems to be same as #105
This should cover the features that are available in the material docs site:
It would also be good to add an LTR/RTL toggle for the examples as well, but that may come later in the implementation.
Switching between Overview, API, and Examples should be captured in the route.
How to manage the responsiveness in grid system.
Certain API / components will be marked as "Experimental". It should be very prominent in that component's page.
This is a low priority item for the rest of this year.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.