Skip to content

Commit 7f6e2fd

Browse files
bennadelbennadel
committed
Add constrained popup exploration in Angular 9.
1 parent 830da99 commit 7f6e2fd

23 files changed

Lines changed: 12673 additions & 0 deletions

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ with.
1010

1111
## My JavaScript Demos - I Love JavaScript!
1212

13+
* [Positioning And Constraining A Fixed-Position Element Relative To An Absolute-Positioned Element In Angular 9.0.0-rc.2](https://bennadel.github.io/JavaScript-Demos/demos/adjust-popup-at-edges-angular9/dist/)
1314
* [Maintaining Scroll Offsets When Adding Content Above The User's Viewport In Angular 9.0.0-rc.2](https://bennadel.github.io/JavaScript-Demos/demos/add-content-maintain-scroll-offset-angular9/dist/)
1415
* [Component Queries Metadata Appears To Be Broken When The Ivy Renderer Is Enabled In Angular 9.0.0-rc.2](https://bennadel.github.io/JavaScript-Demos/demos/component-queries-broken-with-ivy-angular9/dist/)
1516
* [Component View-Template Fragments Retain Bindings And Can Be Moved Around In The DOM In Angular 9.0.0-rc.2](https://bennadel.github.io/JavaScript-Demos/demos/move-template-element-to-body-angular9/dist/)

‎demos/adjust-popup-at-edges-angular9/.gitignore‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
2+
# Compiled files.
3+
/out-tsc
4+
/tmp
5+
6+
# Build-time dependencies.
7+
/node_modules
8+
9+
# Random system files.
10+
.DS_Store

‎demos/adjust-popup-at-edges-angular9/angular.json‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"demo": {
7+
"projectType": "application",
8+
"schematics": {
9+
"@schematics/angular:component": {
10+
"style": "less"
11+
}
12+
},
13+
"root": "",
14+
"sourceRoot": "src",
15+
"prefix": "app",
16+
"architect": {
17+
"build": {
18+
"builder": "@angular-devkit/build-angular:browser",
19+
"options": {
20+
"outputPath": "dist/",
21+
"index": "src/index.htm",
22+
"main": "src/main.ts",
23+
"polyfills": "src/polyfills.ts",
24+
"tsConfig": "tsconfig.json",
25+
"aot": true,
26+
"assets": [
27+
"src/assets"
28+
],
29+
"styles": [],
30+
"scripts": []
31+
},
32+
"configurations": {
33+
"production": {
34+
"fileReplacements": [
35+
{
36+
"replace": "src/environments/environment.ts",
37+
"with": "src/environments/environment.prod.ts"
38+
}
39+
],
40+
"optimization": true,
41+
"outputHashing": "all",
42+
"sourceMap": false,
43+
"extractCss": true,
44+
"namedChunks": false,
45+
"extractLicenses": false,
46+
"vendorChunk": false,
47+
"buildOptimizer": true,
48+
"budgets": [
49+
{
50+
"type": "initial",
51+
"maximumWarning": "2mb",
52+
"maximumError": "5mb"
53+
},
54+
{
55+
"type": "anyComponentStyle",
56+
"maximumWarning": "6kb",
57+
"maximumError": "10kb"
58+
}
59+
]
60+
}
61+
}
62+
},
63+
"serve": {
64+
"builder": "@angular-devkit/build-angular:dev-server",
65+
"options": {
66+
"browserTarget": "demo:build"
67+
},
68+
"configurations": {
69+
"production": {
70+
"optimization": true,
71+
"sourceMap": true,
72+
"aot": true
73+
}
74+
}
75+
}
76+
}
77+
}
78+
},
79+
"defaultProject": "demo",
80+
"cli": {
81+
"analytics": "b41b192d-da1d-4bd7-a3f5-143f8d13f12b"
82+
}
83+
}

‎demos/adjust-popup-at-edges-angular9/browserslist‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
2+
# For additional information regarding the format and rule options, please see:
3+
# https://github.com/browserslist/browserslist#queries
4+
5+
# You can see what browsers were selected by your queries by running:
6+
# npx browserslist
7+
8+
> 0.5%
9+
last 2 versions
10+
Firefox ESR
11+
not dead
12+
not IE 9-11 # For IE 9-11 support, remove 'not'.

‎demos/adjust-popup-at-edges-angular9/dist/index.htm‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6+
7+
<title>
8+
Positioning And Constraining A Fixed-Position Element Relative To An Absolute-Positioned Element In Angular 9.0.0-rc.2
9+
</title>
10+
11+
<base href="./" />
12+
</head>
13+
<body>
14+
15+
<h1>
16+
Positioning And Constraining A Fixed-Position Element Relative To An Absolute-Positioned Element In Angular 9.0.0-rc.2
17+
</h1>
18+
19+
<app-root></app-root>
20+
21+
<script src="runtime-es2015.6cf6a05fc2e05e3cbb3d.js" type="module"></script><script src="runtime-es5.6cf6a05fc2e05e3cbb3d.js" nomodule defer></script><script src="polyfills-es5.d4f874613b8b1cca27c0.js" nomodule defer></script><script src="polyfills-es2015.5075b809d43a976ae275.js" type="module"></script><script src="main-es2015.8efcc0230571a60c6636.js" type="module"></script><script src="main-es5.8efcc0230571a60c6636.js" nomodule defer></script></body>
22+
</html>

0 commit comments

Comments
 (0)